최근에 친구가 내 블로그의 몇 가지 작은 문제를 제기했는데 하나씩 해결했는데 아무렇지도 않게 F12에서 내 블로그 로딩 속도를 봤는데 너무 느리고 정적 블로그를 렌더링하는 데 1초 이상 걸리는 것은 매우 비정상적입니다. Pagespeed Insights 도구는 기대치와 일치하는 점수를 주었지만 최적화 된 점수는 정상이었습니다.
사용할 수 있는 훌륭한 도구는 다음과 같습니다: [Pagespeed Insights] (https://developers.google.com/speed/pagespeed/insights)
웹사이트의 열기 속도를 빠르게 테스트하고 최적화해야 하는 위치를 분석하는 데 도움이 되는 Google의 웹 페이지 감지 도구입니다. (자신감이 있는 사람은 자신의 스테이션을 테스트할 수 있습니다)'
61의 점수가 매우 만족스럽지 않아 먼저 VPS 네트워크를 테스트했는데 테스트 결과 네트워크에 모든 것이 문제가 없는 것으로 나타났습니다.
암도와 같이 연결 속도가 매우 느린 곳은 몇 군데 밖에 없는데, 사실 예전에는 암도가 어디에 있는지 몰랐는데 확인해보니 신장으로 밝혀졌는데... 네트워크에 문제가 없기 때문에 코드에 문제가 있습니다.
먼저 로딩 속도를 살펴 보겠습니다.
이 속도는 실제로 정적 블로그의 얼굴을 잃고 정적은 동적 요소가 없으며 빨라야 합니다.
그런 다음 Hexo-Next Magic을 변경하고 속도를 두 배로 늘렸습니다.
내가 한 일에 대해 이야기 해 봅시다.
1입니다. 홈페이지 이미지는 어느 정도 압축되어 많이 바뀐 것 같지만 크기는 두 배 이상 커졌습니다.
2. 이전 댓글 시스템 valine이 이전에 unpkg에 의해 배포 된 것처럼 js 스크립트를 더 빠른 CDN 가속으로 변경하지만 속도는 매우 긴급하며 기본적으로로드하는 데 500ms가 걸리고 CDN 변경 후 17ms 만 필요합니다.
3. 다음 테마의 애니메이션을 조정하고 홈페이지 애니메이션 JS 렌더링을 취소하여 많은 시간을 절약했습니다.
이 기사의 요점은 굵은 글씨입니다.
압축할 수 있는 모든 것을 압축하십시오 가속화할 수 있는 모든 것을 가속화하십시오 ** 필요하지 않은 모든 것을 삭제하십시오