사이트 속도 측정 사이트 소개 (ft. PC, 모바일 웹사이트 속도)
자신의 사이트 또는 블로그 사이트가 각 기기별로 이용자에게 얼마나 빠른지 자신의 사이트 속도 성능을 측정할 수 있는 사이트를 소개합니다.
사이트 측정 속도와 성능 수준, 속도 개선을 위한 방법까지 제시해주는 효도 사이트입니다.별도의 회원가입, 로그인 과정 없이 url만 조회하면 바로 결과를 확인할 수 있으니 이 사이트에는 꼭 들어가봐야겠죠?
페이지 속도 인사이트
오늘 내가 소개할 사이트는 구글이 제공하는 서비스. pagespeed insights에요 바로 시작해볼게요.네이버에서 pagespeed insights 검색 후 사이트로 이동.
pagespeed insights에서 원하는 사이트 url을 조회하면 약 10초간 로딩 후 결과 페이지가 표시됩니다.모바일과 PC별로 결과 페이지가 제공되므로 각각 확인하실 수 있습니다.
사이트 속도 측정값
v First Contentful Paint(첫 번째 콘텐츠 그리는 데 걸리는 시간) v Time to Interactive(페이지 반응 속도) vs peed Indexv Total Blocking Time(First Contentful Paint + Time to Interactive) v Largest Contentful Paint(최대 콘텐츠 그리는 시간) v Comulative Layout Shift(뷰포트 즉, 현재 디바이스에서 보이는 레이아웃 이동 시간) 모바일과 PC 환경에서의 사이트를 에뮬레이트하여 구체적인 속도 측정 수치를 안내하고 있다.먼저 가디노 네이버 블로그 모바일을 확인해보니 성능점수는 100점 만점에 46점으로 그리 좋은 점수의 결과는 아닙니다.
v First Contentful Paint(첫 번째 콘텐츠 그리는 데 걸리는 시간) v Time to Interactive(페이지 반응 속도) vs peed Indexv Total Blocking Time(First Contentful Paint + Time to Interactive) v Largest Contentful Paint(최대 콘텐츠 그리는 시간) v Comulative Layout Shift(뷰포트 즉, 현재 디바이스에서 보이는 레이아웃 이동 시간) 모바일과 PC 환경에서의 사이트를 에뮬레이트하여 구체적인 속도 측정 수치를 안내하고 있다.먼저 가디노 네이버 블로그 모바일을 확인해보니 성능점수는 100점 만점에 46점으로 그리 좋은 점수의 결과는 아닙니다.
데스크톱 환경에서는 훨씬 뛰어난 속도 결과를 보였습니다.홈페이지형 블로그라 결과가 좋지 않을 것으로 예상했는데 다행히 성능은 보통 이상으로 보입니다. 사용자 경험 지표해당 사이트의 또 다른 장점. 실제 방문자의 경험 지표에 대한 정보를 제공한다는 것입니다.최근 28일간 측정된 주요 웹 평가 지표 데이터로 vLagest Contentfull Paint, vFirst Input Delay, vCummative Layout Shift vFirst Content Paint v Interation to Next Paint v Timeto First Byte 위의 지표를 제시하여 실제 사용자에게 미치는 영향을 알 수 있습니다. 사이트 속도 향상 방법 제공결과 페이지 하단 부분의 오퍼튜니티 섹션을 통해 해결 이슈를 통해 얼마나 속도를 단축할 수 있는지 개선 방안이 목록에 나옵니다.중요한 속도 지표와 속도 개선책까지 제공해주는 웹사이트가 무료라니 놀랍죠?직접 코드 구현을 통해 사이트를 제작한 경우 위 사이트를 통해 진단을 받고 코드를 수정하여 사이트를 최적화시키고 속도를 향상시킬 수 있죠?한번쯤은 자신의 사이트나 블로그 속도 측정을 통해 이용자의 시선을 느껴보는 것이 중요하겠죠? 다음에도 유용한 정보로 다시 찾아뵙겠습니다.