Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |
Tags
- typescript
- go
- express
- CDN
- 포트포워딩
- component
- 성능최적화
- graphql
- Modal
- 정규표현식
- socket.io
- javascript animation
- scrapping
- Redux
- route
- styled-component
- cicd
- Recoil
- 회고
- 웹크롤링
- 웹팩
- docker
- npx
- react
- sequelize
- 반응형웹
- AWS
Archives
- Today
- Total
프로그래밍 공부하기
웹페이지 반응속도측정 사이트 본문
웹서비스는 반응속도가 매우 중요하다. 이전에 읽은 책에 의하면 0.1초는 사용자가 기능이 바로 반응했다고 느끼는 시간, 1초는 불필요하게 오래 기다리지 않았다고 느끼는 시간. 10초면 사용자가 집중력을 잃는 최대 시간이라고 한다.
내가 만든 사이트가 얼마나 빠르고 효율적인지 측정해주는 구글의 서비스가 있다. 바로 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