10 Tipps zur Verbesserung der Geschwindigkeit von WordPress-Websites

Veröffentlicht: 2018-04-01

WordPress-Website-Geschwindigkeit

Website-Geschwindigkeit – Dies ist einer der Hauptfaktoren, die die meisten Entwickler und SEOs verbessern möchten. Erst diese Woche gab Google bekannt, dass die Ladegeschwindigkeit von Webseiten ein wichtiger Rankingfaktor in seinem neuen Mobile First Index sein wird.

Laut diesem Artikel trägt die Ladegeschwindigkeit von Webseiten direkt zum Abbruch von Seiten bei, wobei 25 % nach nur 4 Sekunden abbrechen, was durch Google Analytics beobachtbar ist. Die Seitenladegeschwindigkeit wirkt sich auch negativ aus, wenn man mobile Nutzer betrachtet, laut DoubleClick by Google verlassen 53 % der mobilen Nutzer eine Seite nach 4 Sekunden.

Deshalb haben wir diese Woche beschlossen, ein paar Tipps und Methoden aufzuschlüsseln, um die Geschwindigkeit Ihrer WordPress-Website zu verbessern.

1. Führen Sie Tests durch

Bevor Sie mit der Optimierung Ihrer Website für mehr Geschwindigkeit beginnen, ist es eine gute Idee, Tests durchzuführen, um zu sehen, wie die Website derzeit funktioniert, um Ihnen einen guten Anhaltspunkt für das Niveau der erforderlichen Verbesserungen zu geben.

PageSpeed ​​Insights von Google Developers geben der Website einen Optimierungswert von 100 für Desktop und Mobile. Dies ist eine großartige Möglichkeit, um zu sehen, wie gut Ihre Website-Geschwindigkeit funktioniert, und gibt auch Informationen darüber, wo Verbesserungen vorgenommen werden müssen.

Einblicke in die Seitengeschwindigkeit

Ein weiterer Test, den Sie möglicherweise ausführen möchten, ist WebPageTest. Dieser Test gibt eine Menge detaillierter Details darüber, wie Ihre Website geladen wird, einschließlich der Zeit bis zum ersten Byte, und zeigt Ihnen genau, wie lange es dauert, bis bestimmte Ressourcen geladen sind.

Website-Geschwindigkeit des Webseiten-Tests

2. Minimieren und kombinieren (HTML, CSS und JavaScript)

Sobald Sie Ergebnisse von Ihrem WebPageTest haben, können Sie die Anzahl der Anfragen sehen, die von Ihrer Website gestellt wurden, um zusätzliche Ressourcenseiten wie HTML-, CSS- und JavaScript-Seiten zu verwenden.

Das Ziel hier ist es, diese Zahl so weit wie möglich zu reduzieren, indem diese Dateien kleiner gemacht und kombiniert werden, um diese Zahl zu verringern.

Dieser Vorgang ist besonders wichtig, wenn Sie einen Seitenersteller wie Divi oder Elementor verwenden. Manchmal können diese Builder Schnipsel mit nutzlosem Code, Leerzeichen und unnötiger Formatierung in Ihren Dateien hinterlassen.

Eine einfache Möglichkeit, dies zu tun, ist die Installation von Plugins wie WP Fastest Cache. In den Einstellungen von Plugins dieses Typs möchten Sie sowohl die Optionen zum Minimieren als auch zum Kombinieren auswählen.

Minimieren Sie die Geschwindigkeit der HTML-CSS-Webseite

3. Zeit bis zum ersten Byte minimieren

Die Zeit bis zum ersten Byte oder TTFB ist im Wesentlichen ein Maß dafür, wie lange ein Server braucht, um Ihre Anfrage zu empfangen und das erste Informationsbyte an Ihren Browser zurückzusenden.

Developer Tools oder DevTools sind eine Reihe von Web-Authoring- und Debugging-Tools, die in Google Chrome integriert sind. Die DevTools bieten Webentwicklern einen tiefen Zugriff auf die Interna des Browsers und ihrer Webanwendung.

Wenn Sie Entwicklertools verwenden, ist es wichtig, daran zu denken, dass die Antwortzeit von Ihrer Internetverbindung beeinflusst werden kann. Je langsamer also Ihre eigene Verbindung ist, desto langsamer wird Ihre Serverantwort erscheinen.

Wenn Ihre TTFB unter 200 ms liegt, ist alles in Ordnung. Wenn nicht, könnte es ein paar andere Probleme geben, die gelöst werden müssen, um diese Zeit zu verkürzen.

Dynamische Inhaltserstellung und Serverkonfiguration sind zwei kontrollierbare Faktoren beim Versuch, Ihre TTFB zu reduzieren. Mit WordPress sind Ihre Seiten höchstwahrscheinlich dynamisch. Das bedeutet, dass sie mit einer Datenbank interagieren müssen, die aus den verschiedenen Dateien mit PHP „gebaut“ werden muss, bevor sie zurückgepingt werden.

Das Reduzieren der Antwortzeit des Servers und das Aktivieren des Caching sind zwei Korrekturen für diese Probleme, auf die wir später in diesem Artikel eingehen.

4. Reduzieren Sie die Antwortzeit des Servers

Einer der größten Faktoren dafür, wie schnell Ihre Seite geladen wird, ist die Zeit, die Ihre DNS-Suche benötigt.

Ein Domain Name System (DNS) ist ein Server mit einer Datenbank von IP-Adressen und den zugehörigen Hostnamen. Wenn ein Benutzer eine URL in seinen Browser eingibt, übersetzt ein DNS-Server diese URL in die IP-Adresse, die seinen Online-Standort angibt.

Wenn Sie einen langsamen DNS-Anbieter verwenden, verlängert dies die Zeit, die Browser benötigen, um Ihre Website zu finden. Der Wechsel zu einem schnelleren DNS-Anbieter kann den Vorgang beschleunigen.

Wenn Sie sich nicht sicher sind, wer Ihr aktueller DNS-Anbieter ist, können Sie dies mit dem DNS-Lookup-Tool von MX Toolbox herausfinden

5. Wählen Sie die richtige Hosting-Option

Einige Hosting-Anbieter-Pakete sind in Bezug auf die Geschwindigkeit begrenzt. Überprüfen Sie am besten, ob Ihr Hosting-Anbieter dazu in der Lage ist, oder beschränken Sie Ihr aktuelles Abonnement.

Wenn Sie feststellen, dass der Host einen Service nicht schnell genug anbietet, kann es von Interesse sein, ihn zu kontaktieren. Informieren Sie ihn darüber, bevor Sie den Service wechseln, da dies manchmal zu kostenlosen Monaten oder einem günstigeren Service desselben Hosting-Anbieters führen kann.

Sie können die Geschwindigkeit testen und eine Bewertung darüber erhalten, wie gut Ihr aktueller Hosting-Anbieter mit Bitcatcha abschneidet.

6. Browser-Caching aktivieren

Wenn Sie eine Website besuchen, werden die Elemente auf der von Ihnen besuchten Seite auf Ihrer Festplatte in einem Cache oder temporären Speicher gespeichert, der es Ihrem Browser ermöglicht, die Seite aus dem lokalen Speicher zu laden, anstatt eine weitere Anfrage an Server zu senden, um die Website zu laden.

Eine einfache Möglichkeit, das Browser-Caching zu aktivieren, ist die Verwendung eines Plugins wie WP Fastest Cache. Befolgen Sie diese Schritte, um das Browser-Caching zu aktivieren:

  • Laden Sie das WordPress-Plugin „WP Fastest Cache“ herunter und installieren Sie es.
  • Navigieren Sie zu den Einstellungen des Plugins WP Fastest Cache.
  • Aktivieren Sie das Kontrollkästchen Browser-Caching und klicken Sie auf die Schaltfläche Senden.
  • Danach wird die Meldung „Optionen wurden gespeichert“ angezeigt.

Caching aktivieren

In WP Fastest Cache erstellt die Cache-Systemoption nach ihrer Aktivierung statische HTML-Dateien aus den PHP- und MySQL-Datenbankdateien, aus denen Ihre dynamische WordPress-Website besteht.

Wenn die Website viele Besucher hat, muss das System viel RAM und CPU verwenden, um die Seite zu rendern, was für viele Benutzer zu langsamen Ladegeschwindigkeiten führen kann.

Wenn das Cache-System aktiviert ist, muss der Server die PHP- und MySQL-Dateien nicht mehr aufrufen und verlässt sich auf die statische HTML-Datei.

Sobald dies abgeschlossen ist, sollten Sie fast sofort beobachtbare Geschwindigkeitsverbesserungen der Website-Geschwindigkeit bemerken.

7. Bildgröße

Die Größe der auf Ihrer Website enthaltenen Bilddateien ist ein wichtiger Faktor, den Sie berücksichtigen sollten, wenn Sie versuchen, die Seitengeschwindigkeit zu erhöhen. Hochauflösende Bilder können die Gesamtgröße der Webseiten erhöhen und wiederum die Geschwindigkeit der Website verlangsamen.

Die empfohlene Bildgröße liegt unter 100 KB oder 0,1 MB, sodass das Bild schnell geladen wird. Das bedeutet, dass alle Bilder über dieser Größe auf oder unter 100 KB komprimiert werden müssen.

Sie können dies ganz einfach durch die Verwendung einiger Plugins oder Websites tun, die eine Bildkomprimierung ermöglichen. Es kann jedoch von Interesse sein, zu erfahren, wie Sie dies durch die Verwendung von Photoshop tun, da es am besten ist, Bilder vor dem Hochladen oder Erstellen Ihrer Website zu komprimieren.

Wenn Sie keine Kenntnisse im Umgang mit Photoshop haben, empfehle ich die Verwendung der Online-Komprimierungsdienste CompressJPEG oder CompressPNG.

8. Komprimierung aktivieren

Je kleiner Ihre Dateien sind, desto schneller werden Ihre Seiten geladen. Das Komprimieren von Dateien ist eine der einfachsten Möglichkeiten, um Ladezeiten zu verkürzen, und heute gilt die Aktivierung der Komprimierung mit Gzip als Standardverfahren.

WordPress Fastest Cache ermöglicht auch die GZIP-Komprimierung, ähnlich wie beim Aktivieren des Browser-Cachings. Sobald diese Option aktiviert ist, werden Sie eine spürbare Verbesserung der Website-Geschwindigkeit feststellen.

Wenn Sie nicht sicher sind, ob auf Ihrer Website Gzip aktiviert ist, können Sie GZIP-Komprimierung überprüfen verwenden. Geben Sie einfach die URL Ihrer Website ein, und wenn Sie Gzip aktiviert haben, sehen Sie so etwas:

Überprüfen Sie die GZIP-Komprimierung

9. Verwenden Sie externe Hosting-Plattformen

Die Verwendung einer externen Hosting-Plattform zum Offsite-Hosting größerer Dateien ist eine weitere zu untersuchende Methode, da Videodateien eine beträchtliche Größe haben und einen großen Einfluss auf die Geschwindigkeit Ihrer Website haben können.

Anstatt Videos direkt auf Ihre Website hochzuladen, versuchen Sie es mit externen Hosting-Plattformen wie YouTube oder Vimeo und verwenden Sie deren HTML-Code, um das Video auf Ihrer Website einzubetten. Diese Methode spart viel Platz und ermöglicht hochauflösende statt komprimierte Videodateien.

10. Verwenden Sie ein CDN

Wenn Sie eine Anfrage an einen Server stellen, um eine Website aufzurufen, wird Ihre Anfrage über das Internet zu dem Server geleitet, der die Website hostet, wodurch der Server angewiesen wird, die angeforderten Informationen zurückzusenden.

Während Spitzenverkehrszeiten mit einer großen Anzahl von Anfragen kann dies die Antwortzeit des Servers verlangsamen, was in Zeiten mit hohem Wachstumspotenzial für Ihr Unternehmen nicht ideal ist.

Durch die Verwendung eines CDN (Content Delivery Network) wird Ihre Website auf einem globalen Netzwerk von Servern zwischengespeichert, was bedeutet, dass jede Anfrage an den nächstgelegenen Server weitergeleitet wird, auf dem die Website zwischengespeichert ist. Anstatt alle globalen Anfragen an einen Server zu richten, wurden die Informationen im Wesentlichen auf Server verteilt, die sich in verschiedenen Ländern oder Orten befinden.

Nachdem Sie die obigen Schritte befolgt haben, wird es einen merklichen Unterschied in der Geschwindigkeit der Website geben. Führen Sie die obigen Tests erneut durch und vergleichen Sie die Ergebnisse, um einen klaren Indikator für Verbesserungen zu erhalten.

Wenn Sie zusätzliche Informationen benötigen oder Schwierigkeiten bei der Implementierung der Änderungen haben, können Sie unser Angebot an WordPress-Diensten hier einsehen: WordPress-Webentwicklung