728x90
반응형

성능개선 2

[WEB] Waterfall 현상: 웹 퍼포먼스의 내부 톺아보기 💧

Waterfall 현상 톺아보기!💧웹 퍼포먼스 최적화 이야기에서 종종 등장하는 “Waterfall 현상”은 네트워크 요청이 마치 폭포처럼 순차적으로 이루어지는 현상을 가리킵니다.  웹 페이지가 로드될 때, 각 자원(이미지, 스크립트, 스타일시트 등)의 요청이 발생하는 방식은 사용자 경험에 큰 영향을 미칠 수 있어요.이것이 무조건 나쁜 건 아니지만, 잘못 관리되면 성능 저하와 사용자 경험 악화로 이어질 수 있습니다! 이 현상이 발생하는 이유는 여러 가지가 있지만, 주로 요청 간의 의존성과 브라우저의 요청 처리 방식이 원인입니다.특히, 동기적 요청이 많거나 자원이 서로 의존적인 경우, 특정 자원이 로드될 때까지 다음 요청이 지연될 수 있습니다.이로 인해 페이지 로딩 시간이 늘어나고, 사용자는 지루함을 느낄..

Web 2025.01.29

[Optimizing] WebP: 차세대 이미지 포맷의 모든 것 🖼️

WebP: 차세대 이미지 포맷 톺아 보기! 🖼️이미지는 웹사이트의 생명입니다. 하지만 무거운 이미지 파일은 로딩 속도와 사용자 경험(UX)을 망칠 수 있죠. 그래서 등장한 것이 바로 WebP입니다. “빠른 로딩과 높은 품질을 모두 잡아라!“는 미션을 가지고, Google에서 개발한 이미지 포맷인데요. WebP가 왜 혁신적인지, 어떻게 활용하면 좋을지, 오늘은 이를 낱낱이 파헤쳐 보겠습니다.🔍 WebP란? WebP는 Google이 2010년에 개발한 차세대 이미지 포맷으로, 빠른 로딩 속도와 뛰어난 이미지 품질, 용량을 최적화를 제공하기 위해 설계되었습니다. 내부적으로 고급 압축 알고리즘을 사용하여 이미지 데이터를 효율적으로 저장한다고 합니다.손실 압축 방식을 사용할 경우, 시각적으로 중요한 정보를 유..

728x90
반응형