dev.to와 아베 히로시의 홈페이지에 대해 제대로 계측해 줘

Twitter 보고 있으면, 이하의 트윗을 보았다.



몇 시간 후 dev.to와 아베 히로시 홈페이지 어느 쪽이 빠릅니까?이라는 블로그가 TL에 나타났다.

Google의 PageSpeed ​​Insights에서 측정하여 아베 히로시 홈페이지가 빠르다는 결론을 내릴 수 있을까 하는 의문이 뜨고 webpagetest.org에서 측정하기로 했다.

설정

아베 히로시의 홈페이지에 관해서는 도쿄 리전에 있다고 한다.
그리고 dev.to는 NY 출신이므로 서버 설정을 NY로 측정합니다.

The platform was created in 2016. The twitter account, @ThePraticalWeb

평가 결과

Webpagetest - 아베 히로시 홈페이지
Webpagetest - dev.to

아베 히로시 홈페이지

서버로부터의 응답의 압축이 되어 있지 않고, 이미지도 압축되어 있지 않다. 또한 캐시 사용도 압도적으로 좋지 않습니다.

에서 v. 그리고

이것은 대단하다. 캐시의 이용이야말로 F이지만, 화상의 압축도 C까지 늘어나고, CDN의 이용도 효과적인 모양.

보시다시피, 성능에 대한 연구는 dev.to가 훌륭한 평가를 받고 있습니다.

속도 지표 비교

지표
아베 히로시 홈페이지
dev.to


로딩 속도
0.313초
2.717초

퍼스트 바이트
0.109초
0.291초

렌더 시작
0.133초
0.907초

속도 지수
257
908

필름 스트라이프 뷰에서 디테일을 보자.

봐, 0.3초의 속도로 머리가 비춰졌다고 생각한 세츠나, 0.4초로 모두 표시 완료하고 있는 것을 알 수 있을 것이다.



대조적으로 dev.to는 0.4초 경과는 커녕 배의 0.8초 경과해도 전혀 표시되지 않는 상황이다.

결론

아베 히로시의 홈페이지는 개선의 여지가 많음에도 불구하고 dev.to보다 압도적으로 로딩이 빠르다.
Web제작의 현장 여러분, Webpagetest 사용해 봅시다.

링크

아베 히로시 홈페이지

에서 v. 그리고

WebpageTest Documentation