728x90
반응형

lighthouse 2

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

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

[Optimize] TTV (Time to Viewport): 웹사이트의 첫 뷰 렌더링 🌄

TTV (Time to Viewport) 톺아보기! 🌄TTV는 Time to Viewport의 약자로, 사용자가 웹 페이지를 열었을 때, 첫 화면(뷰포트)이 렌더링되기까지 걸리는 시간을 의미합니다. 웹 성능 지표 중 하나로, 첫 인상을 좌우하는 데 중요한 역할을 합니다. 이번 글에서는 TTV가 무엇인지, 왜 중요한지, 그리고 이를 최적화하는 방법까지 깊이 파헤쳐 보겠습니다.🎯 TTV란 무엇인가요?TTV는 웹사이트가 사용자 화면에 첫 번째 유의미한 콘텐츠를 표시하기까지의 시간을 측정합니다. 사용자가 페이지를 열었을 때 아무것도 보이지 않는 상태에서 첫 콘텐츠가 나타나는 순간까지의 시간인 First Paint와 유사하지만, TTV는 유저가 실제로 보는 화면에 초점을 맞춘다는 점에서 차이가 있습니다.예를 ..

728x90
반응형