Recientemente, un amigo planteó varios pequeños problemas de mi blog, los resolví uno por uno, casualmente F12 miró la velocidad de carga de mi blog, es demasiado lento, un blog estático tarda más de 1s en renderizarse, lo cual es muy anormal. La herramienta Pagespeed Insights dio una puntuación que también estaba en línea con las expectativas, pero la puntuación optimizada fue normal.

Aquí hay una gran herramienta para usar: [Pagespeed Insights] (https://developers.google.com/speed/pagespeed/insights)

Es una herramienta de detección de páginas web de Google que puede ayudarlo rápidamente a probar la velocidad de apertura de su sitio web y analizar dónde necesita optimizar. (Aquellos que tienen confianza pueden probar sus propias estaciones)'

Estaba muy descontento con el puntaje de 61, así que primero probé la red de VPS, y los resultados de la prueba mostraron que todo estaba bien con la red:

Solo unos pocos lugares son muy lentos para conectarse, como Amdo, de hecho, no sabía dónde estaba Amdo antes, y comprobé que resultó ser Xinjiang ... Como no hay ningún problema con la red, hay un problema con el código.

Echemos un vistazo a la velocidad de carga primero:

Esta velocidad realmente pierde la cara de los blogs estáticos, estático es sin ningún elemento dinámico, debería ser rápido.

Luego cambié el Hexo-Next Magic y dupliqué la velocidad.

Hablemos de lo que hice;

1. La imagen de la página de inicio se ha comprimido hasta cierto punto, lo que parece haber cambiado mucho, pero el tamaño se ha más que duplicado.

2. Cambie el script js a una aceleración CDN más rápida, como mi sistema de comentarios anterior valine fue distribuido por unpkg antes, pero la velocidad es muy urgente, básicamente tarda 500ms en cargarse, solo necesito 17ms después de cambiar un CDN, esta es la brecha.

3. Ajusté la animación del siguiente tema, cancelé la animación de la página de inicio JS rendering, lo que ahorró mucho tiempo.

La negrita es el punto de este artículo:

* Comprimir
todo lo que se puede comprimir * Acelerar todo lo que se puede acelerar Eliminar todo lo que
no necesita **

-EF