프로그래밍 공부하기

웹페이지 반응속도측정 사이트 본문

Web/[JS] FrontEnd

웹페이지 반응속도측정 사이트

ihl 2021. 4. 27. 18:30

측정결과

  웹서비스는 반응속도가 매우 중요하다. 이전에 읽은 책에 의하면 0.1초는 사용자가 기능이 바로 반응했다고 느끼는 시간, 1초는 불필요하게 오래 기다리지 않았다고 느끼는 시간. 10초면 사용자가 집중력을 잃는 최대 시간이라고 한다. 

 

 

 

 

PageSpeed Insights

모든 기기에서 웹페이지 속도를 개선해 보세요. PageSpeed Insights 서버에서 페이지 분석 중

developers.google.com

  내가 만든 사이트가 얼마나 빠르고 효율적인지 측정해주는 구글의 서비스가 있다. 바로 PageSpeed Insights이다. 위의 링크로 들어가서 측정을 원하는 사이트를 입력하면 점수와 함께 반응속도 및 개선할 부분을 알 수 있다.

 

 

추천

   특히 측정 결과에서 어떻게 하면 반응속도를 줄일 수 있는지 추천해주는 항목이 있는데, 이 항목의 내용들을 살펴보면 내가 놓치고 있는 부분이 무엇인지 알 수 있다.

 

  사실 Google PageSpeed Insights는 이름이 주는 느낌과는 다르게 다르게 실제 사이트 속도를 측정해주는 도구가 아닌 구글의 front-end 마크업 권장사항을 잘 지켰는지 측정하는 사이트이다. 따라서 사이트의 실제 속도를 늦추는 작업을 하면 점수가 더 올라가는 부분도 있다고 한다. 따라서 점수에 너무 연연하기 보다는 내 사이트가 어떤 부분을 개선할 수 있겠구나 하는 사실을 얻어가면 좋을 것 같다.

 

 


developers.google.com/speed/pagespeed/insights/구글-페이지-스피드에-관한-진실/

'Web > [JS] FrontEnd' 카테고리의 다른 글

Responsive Web  (0) 2021.05.06
Redux ducks 패턴 with Typescript  (0) 2021.04.30
Lottie  (0) 2021.04.26
SVG  (0) 2021.04.26
Modal 만들기  (0) 2021.03.27
Comments