So reduzieren Sie die Ladezeit der WordPress-Website – 6,3 Sekunden auf 2 Sekunden

Video-Transkript

Dieses Video führt Sie durch den Prozess, den wir bei Sagapixel verwenden, um die Ladezeit einer Website von etwa sechs Sekunden auf einen etwas akzeptableren Wert zu verkürzen. Hoffentlich landen wir für diese Website im Zwei- bis Drei-Sekunden-Bereich.

Diese Methode verwendet alle kostenlosen Plugins. Sie befinden sich direkt im WordPress-Repository, und ich werde erklären, was jeder von ihnen tut, während ich es verwende. Lassen Sie uns hineinspringen. Dies ist der GTMetrix-Bericht für eine Website, die wir vor einigen Monaten erstellt haben und die nicht wirklich optimiert wurde.

Ich werde tatsächlich zum Frontend der Site gehen und auch meinen Browser verwenden, also werden wir zum Netzwerk gehen und ich werde eine harte Aktualisierung durchführen. Ich bin auf einem Mac. Ich werde die Umschalttaste gedrückt halten und auf Aktualisieren klicken, damit der Cache gelöscht wird, und es ist langsam. Ja, das Ding hatte eine Zeit bis zum ersten Byte von sechs Sekunden.

Das ist ziemlich lächerlich, und wir werden es nicht zulassen, dass eine Client-Website dort sitzt und so lange braucht, bis sie das erste Byte erhält. Nun, der Server selbst ist wahrscheinlich ein Faktor. Ich weiß, dass sie GoDaddy-Hosting von sehr geringer Qualität verwenden, aber wir können diese Sache definitiv beschleunigen, also werden wir es in den nächsten 10 Minuten oder so erledigen.

Zuerst werde ich mich in dieses Ding einloggen, und wir werden zu den Plugins übergehen. Das erste, was aktiviert werden muss, ist diese schnelle Geschwindigkeitsminimierung. Fast Velocity Minify wird viele der Assets kombinieren, die geladen werden, also glaube ich als erstes, dass hier ein SSL installiert ist, also werde ich dieses Ding so einstellen, dass SSL erzwungen wird.

Ich werde das nicht überprüfen. Das macht normalerweise keine große Sache. Ich möchte das Zusammenführen von Google-Schriftarten nicht deaktivieren. Ich möchte die Reihenfolge der CSS-Dateien nicht beibehalten. Ich möchte das CSS sowohl in der Kopf- als auch in der Fußzeile einfügen. Der Grund, warum ich diese Einstellungen überprüfe, ist, dass wir hauptsächlich mit Elementor arbeiten und ich weiß, dass diese Einstellungen nicht dazu führen werden, dass etwas kaputt geht.

Wenn Sie während der Verwendung von Fast Velocity Minify etwas kaputt machen, wird es wahrscheinlich auf Chrome liegen, also stellen Sie sicher, dass Sie mit Chrome starten, nachdem Sie alle Ihre Einstellungen vorgenommen und sich von der Website abgemeldet haben und stellen Sie sicher, dass Sie keines Ihrer Stylesheets zerstört haben.

In Ordnung, ich werde nichts deaktivieren. Sieht hier gut aus, also werde ich das speichern und die Gt-Metriken erneut ausführen. Wenn Sie das einfach getan haben, sollte dies wahrscheinlich einen Teil der Ladezeit auf dieser Site verringern. Vieles davon ist wahrscheinlich immer noch der Server.

Okay, das hat es um etwas mehr als eine Sekunde gekürzt. Wir sind aber noch nicht fertig. Das nächste Plugin, das wir installieren werden, ist … auf dieser Seite haben wir den Optimierer für kurze Pixelbilder. Es sieht so aus, als wäre es nie aktiviert worden, daher müssen wir möglicherweise einige der Bilder optimieren.

Ich werde das aber nicht wirklich verwenden. Ich werde ein weiteres Plugin installieren, das wir kürzlich übernommen haben und das sich um eine ganze Reihe von Dingen kümmert, die erledigt werden müssen, einschließlich der Bildoptimierung, also müssen wir neu optimieren.

Okay, gehen Sie also zu den Einstellungen, und das allererste, was wir tun werden, ist, zum Cache zu gehen. Ich werde das Seiten-Caching aktivieren. Ich werde auch sicherstellen, dass ich hier kein Caching-Plugin bereits aktiv habe, was wir nicht tun. Gut. Und ich werde das Seiten-Caching aktivieren.

Als nächstes werde ich zum Preload übergehen und diesen geplanten Preloader aktivieren. Ich denke, wir machen das einmal am Tag. Speichern Sie es, und ich werde es jetzt ausführen, und dies wird damit beginnen, alle URLs vorab zu laden, so wie Sie es hier lesen können, das eigentliche wird eine erneute Optimierung auslösen, um die Website zwischenzuspeichern, indem Sie Seiten besuchen, um sie vorab zu laden so dass das erste Mal, wenn ein menschlicher Besucher sie haben möchte, die Site nicht alles generieren muss.

Wir müssen dem eine Minute geben. Als nächstes werde ich zu den Bildern übergehen, und von nun an werden wir dieses Ding so einstellen, dass neu hinzugefügte Bilder automatisch komprimiert werden. Dazu wird eine Verbindung zu WP Smush hergestellt. Wenn Sie dies nicht verwenden möchten, können wir dies deaktivieren, und ich werde sagen, dass kurze Pixel im Allgemeinen wahrscheinlich das Beste sind, wenn es um die Handhabung der Bildoptimierung geht.

Dieser ganze Vorgang des Vorladens der Seiten dauert tatsächlich ein wenig. Weißt du, wir sind erst auf Seite 17 von 30. Das nächste, wozu wir übergehen werden, während das läuft, ist das hier drüben. Wir werden uns die Datenbank ansehen, und wir haben diese Optionen, um Datenbanktabellen zu optimieren, Post-Revisionen zu bereinigen, also wird dies die Datenbank wirklich bereinigen und sie viel schneller laufen lassen, aber ich möchte wirklich betonen dass es Sachen loswerden wird.

Wenn Sie also die Möglichkeit haben, einen alten Beitrag wiederherzustellen, stellen Sie eine alte Seite wieder so her, wie sie einmal gemacht wurde. Wenn Sie diese Optimierungen ausführen, werden Sie sie löschen all diese alten Versionen von allem, also möchten Sie wahrscheinlich Ihre Website sichern, bevor Sie irgendetwas an der Datenbank tun.

Ich weiß, dass wir ein Backup davon haben. Ich werde es auch nicht tun, während wir den Preload ausführen, aber es sieht so aus, als wäre das erledigt worden, also lasst uns hier rübergehen. Ich werde alle diese Optimierungen ausführen. Hier haben wir 1.200 Beitragsrevisionen, die jetzt gelöscht wurden.

Es wird manchmal eine Weile dauern, bis das durchgeht. Dies ist eine ziemlich kleine Website, also hat es wirklich nicht zu viel gedauert, aber lassen Sie uns das noch einmal ausführen, um zu sehen, was es getan hat. In Ordnung, jetzt sind wir auf 2,6 Sekunden vom ganzen Weg nach oben, was war das, über 6 Sekunden vor dem Start.

Das nächste, das ich hinzufügen werde, wird eine faule Last sein. Lazy Loading, los geht's, Lazy Load von WP Rock ist derjenige, den ich benutze. Super einfach zu konfigurieren. Klicken Sie einfach darauf, aktivieren Sie es, gehen Sie zu den Einstellungen, und wir werden hier nur ein paar Kästchen ankreuzen.

Bilder, I-Frames. Ich werde die YouTube-Videos nicht nach Thumbnails erstellen. Änderungen speichern. Okay. Nun, der letzte Schritt, wirklich, ich denke, dass die Optimierung … wir werden nicht hier sitzen, während wir die gesamte Bibliothek optimieren, aber die Optimierung der Bilder für dieses Ding wird der letzte Schritt sein, um das wirklich hinzubekommen.

Ich denke, wir werden dies wahrscheinlich auf etwa 2,5 Sekunden reduzieren, wenn wir am Ende zu große Bilder und die Website verwenden. Ich hoffe, dass dies nützlich war. Es ist wirklich nicht so schwierig, eine WordPress-Site schnell zum Laden zu bringen.

Ich denke, dass auch viel Kritik an visuellen Seitenerstellern wie WP Bakery, in diesem Fall Elementor, Divi, unberechtigt ist, denn es gibt eine Menge Dinge, die Sie tun können, damit diese Websites auch mit schnell geladen werden ein visueller Seitenersteller.

Wenn dies hilfreich war, hinterlassen Sie bitte einen Kommentar und wenn Sie daran interessiert sind, mehr über SEO und WordPress zu erfahren, abonnieren Sie unseren Kanal. Vielen Dank.