Récemment, un ami a soulevé plusieurs petits problèmes de mon blog, je les ai résolus un par un, j’ai regardé avec désinvolture la vitesse de chargement de mon blog, c’est trop lent, un blog statique prend plus de 1s à rendre, ce qui est très anormal. L’outil Pagespeed Insights a donné un score qui était également conforme aux attentes, mais le score optimisé était normal.

Voici un excellent outil à utiliser: [Pagespeed Insights] (https://developers.google.com/speed/pagespeed/insights)

C’est un outil de détection de pages Web de Google qui peut rapidement vous aider à tester la vitesse d’ouverture de votre site Web et à analyser où vous devez optimiser. (Ceux qui sont confiants peuvent tester leurs propres stations)'

J’étais très mécontent du score de 61, alors j’ai d’abord testé le réseau de VPS, et les résultats des tests ont montré que tout allait bien avec le réseau:

Seuls quelques endroits sont très lents à se connecter, comme l’Amdo, en fait, je ne savais pas où était l’Amdo auparavant, et j’ai vérifié qu’il s’agissait du Xinjiang ... Comme il n’y a pas de problème avec le réseau, il y a un problème avec le code.

Jetons d’abord un coup d’œil à la vitesse de chargement:

Cette vitesse perd vraiment la face des blogs statiques, statique est sans aucun élément dynamique, elle devrait être rapide.

Ensuite, j’ai changé le Hexo-Next Magic et doublé la vitesse.

Parlons de ce que j’ai fait;

1. L’image de la page d’accueil a été compressée dans une certaine mesure, ce qui semble avoir beaucoup changé, mais la taille a plus que doublé.

2. Changez le script js en une accélération CDN plus rapide, comme mon système de commentaires précédent valine a été distribué par unpkg auparavant, mais la vitesse est très urgente, en gros il faut 500ms pour charger, je n’ai besoin que de 17ms après avoir changé un CDN, c’est l’écart.

3. Ajustement de l’animation du thème suivant, annulation de l’animation de la page d’accueil Rendu JS, ce qui a permis de gagner beaucoup de temps.

Le gras est le point de cet article:

Compressez
tout ce qui peut être compressé Accélérez tout ce qui peut être accéléré ** Supprimez tout ce dont
vous n’avez pas besoin

-EOF