Kürzlich hat ein Freund mehrere kleine Probleme meines Blogs angesprochen, ich habe sie nacheinander gelöst, ich habe beiläufig F12 auf meine Blog-Ladegeschwindigkeit geschaut, es ist zu langsam, ein statischer Blog braucht mehr als 1 Sekunde zum Rendern, was sehr abnormal ist. Das Pagespeed Insights-Tool ergab eine Punktzahl, die ebenfalls den Erwartungen entsprach, aber die optimierte Punktzahl war normal.

Hier ist ein großartiges Tool, das Sie verwenden können: [Pagespeed Insights] (https://developers.google.com/speed/pagespeed/insights)

Es ist ein Webseiten-Erkennungstool von Google, mit dem Sie schnell die Öffnungsgeschwindigkeit Ihrer Website testen und analysieren können, wo Sie optimieren müssen. (Diejenigen, die zuversichtlich sind, können ihre eigenen Stationen testen)'

Ich war sehr unzufrieden mit der Punktzahl von 61, also habe ich zuerst das Netzwerk von VPS getestet, und die Testergebnisse zeigten, dass mit dem Netzwerk alles in Ordnung war:

Nur wenige Orte sind sehr langsam, um eine Verbindung herzustellen, wie z. B. Amdo, tatsächlich wusste ich vorher nicht, wo Amdo war, und ich überprüfte, ob es sich um Xinjiang handelte. . . Da es kein Problem mit dem Netzwerk gibt, gibt es ein Problem mit dem Code.

Werfen wir zunächst einen Blick auf die Ladegeschwindigkeit:

Diese Geschwindigkeit verliert wirklich das Gesicht statischer Blogs, statisch ist ohne dynamische Elemente, es sollte schnell sein.

Dann habe ich den Hexo-Next Magic gewechselt und die Geschwindigkeit verdoppelt.

Lassen Sie uns darüber sprechen, was ich getan habe;

1. Das Homepage-Bild wurde bis zu einem gewissen Grad komprimiert, was sich stark verändert zu haben scheint, aber die Größe ist mehr als verdoppelt.

2. Ändern Sie das js-Skript auf eine schnellere CDN-Beschleunigung, wie mein vorheriges Kommentarsystem valine zuvor von unpkg verteilt wurde, aber die Geschwindigkeit ist sehr dringend, im Grunde dauert es 500ms zum Laden, ich brauche nur 17ms nach dem Ändern eines CDN, das ist die Lücke.

3. Die Animation des nächsten Themas wurde angepasst, die Homepage-Animation JS-Rendering abgebrochen, was viel Zeit gespart hat.

Das Fettgedruckte ist der Punkt dieses Artikels:

Komprimieren

Sie alles, was komprimiert werden kann Beschleunigen Sie alles, was beschleunigt werden kann ** Löschen Sie alles, was Sie nicht benötigen

-EOF