페이지 속도는 사용자의 웹 사이트 이탈률에 큰 영향을 미치는 것으로 알려져 있습니다. 구글에 따르면 페이지가 로드 되는데 3초 이상 소요되면 방문자의 53%가 이탈합니다.
웹 사이트에서 페이지 속도를 측정하는 방법은 여러 가지가 있습니다. 이 중 가장 많이 사용되는 방법은 Google PageSpeed Insights를 사용하는 것입니다. 측정하고자 하는 페이지의 URL을 제출하면 페이지 속도와 관련된 성과 보고서를 볼 수 있습니다.
이 보고서에는 구글 검색 결과 노출 순위에 영향을 미치는 지표들이 나와있습니다. 좋은 점수는 녹색으로 표시되어서 순위에 좋은 결과를 미치고 있다는 것을 쉽게 알 수 있고 나쁜 점수는 빨간색으로 표시해서 개선해야 함을 알려주고 있습니다.
100점 만점으로 사이트의 전체 속도 성능을 평가하고 90점 이상은 최적, 59점 이하는 경고입니다. 경고 상태이면 페이지 로드 시간 최적화 작업이 권고 됩니다.
다음은 Google PageSpeed Insights 분석 결과에서 사용되는 6가지 지표입니다.
1. First Contentful Paint(FCP)
초기 콘텐츠가 렌더링되는 데 걸리는 시간을 측정합니다.
2. Time to Interactive(TTI)
페이지가 완전히 상호 작용 가능하게 되는 데 걸리는 시간입니다. 페이지가 상호작용이 실제로 되는 것 같지만 실제로는 그렇지 않은 경우를 식별하는데 도움이 됩니다.
3. Speed Index
페이지 내용이 시각적으로 채워지는 속도를 보여줍니다.
4. Total Blocking Time(TBT)
페이지가 안정적인 상호 작용 환경이 되기 전, 상호 작용이 불가능했을 때의 심각성을 수치화한 지표입니다. TBT가 낮으면 페이지의 사용 가능성이 높다는 의미입니다.
5. Largest Contentful Paint(LCP)
페이지가 처음으로 로드를 시작한 시점을 기준으로 뷰포트 내에 있는 가장 큰 이미지 또는 텍스트 블록의 렌더링 시간입니다.
6. Cumulative Layout Shift(CLS)
발생하는 모든 예기치 않은 레이아웃 이동 중 가장 큰 변화를 뜻합니다. 레이아웃 이동은 시각적 요소가 렌더링된 프레임에서 다음 프레임으로 위치를 변경할 때마다 발생합니다. CLS가 낮을수록 사용자 경험이 좋아집니다.