728x90
반응형

FCP 2

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

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

Web 2025.01.29

[Optimize] TTI(Time to Interactive)란 무엇일까? 🧾

TTI(Time to Interactive) 톺아보기! 🧾웹 페이지를 로드하는 동안 사용자 경험을 평가할 수 있는 중요한 성능 지표 중 하나가 바로 TTI(Time to Interactive)입니다. TTI는 단순히 페이지가 보이는 것만으로는 충분하지 않으며, 사용자가 페이지와 실제로 상호작용할 수 있는 시점을 측정합니다. 이 글에서는 TTI가 무엇인지, 왜 중요한지, 이를 개선하기 위한 전략까지 살펴보겠습니다.🌟 TTI란 무엇인가요?TTI는 사용자가 웹 페이지와 상호작용할 수 있는 준비가 되는 데 걸리는 시간을 의미합니다. 여기서 상호작용이란, 클릭 또는 키보드 누름과 같은 사용자 입력을 의미합니다.예를 들어:페이지가 완전히 로드되어 보이지만,버튼을 클릭해도 반응이 없다면,사용자는 해당 페이지가 아..

728x90
반응형