Die 10 besten Möglichkeiten, Ihre WordPress-Website zu beschleunigen

Veröffentlicht: 2020-06-01

Seit Google die Einführung der Seitengeschwindigkeit als eine der Metriken zur Bestimmung des SEO-Rankings angekündigt hat, haben Websitebesitzer es zu einer ihrer obersten Prioritäten gemacht, ihre Websites schnell laden zu lassen.

Seitenladezeiten wirken sich auch darauf aus, ob Besucher abbrechen, bevor die Seite vollständig geladen ist. Mit einer langsam ladenden Website können Sie eine erhebliche Menge an Traffic und Conversions verlieren.

In diesem Leitfaden besprechen wir eine Liste von Maßnahmen, die Sie ergreifen können, um Ihre WordPress-Website zu beschleunigen.

Inhaltsverzeichnis
  1. Warum ist die Seitengeschwindigkeit wichtig?
  2. Wie misst man die Seitengeschwindigkeit?
  3. 1. Wählen Sie einen schnellen Webhost
  4. 2. Verwenden Sie ein leichtes, flexibles Design
  5. 3. Verwenden Sie Plugins mit Bedacht
  6. 4. Optimieren Sie Ihre WordPress-Datenbank
  7. 5. Verwenden Sie ein CDN, um Ressourcen bereitzustellen
  8. 6. Bereiten Sie Ihre Bilder für das Web vor
  9. 7. Verwalten Sie statische Dateien effizient
  10. 8. Optimieren Sie HTTP-Anforderungen
  11. 9. Aktivieren Sie das Caching in WordPress
  12. 10. Halten Sie WordPress und PHP auf dem neuesten Stand
  13. Zusammenfassung

Warum ist die Seitengeschwindigkeit wichtig?

Es gibt zwei Hauptgründe, warum die Seitengeschwindigkeit für Sie als Websitebesitzer wichtig ist.

Erstens wirkt sich die Seitengeschwindigkeit auf Ihre SEO-Rankings aus. Wenn es zwei Websites gibt, die in allen anderen SEO-Aspekten vergleichbar sind, bestrafen Suchmaschinen die langsamere Website. Es ist unklar, wie viel Strafe von Seitenranking-Algorithmen angewendet wird, aber es ist eine gute Idee, jeden Aspekt Ihrer Website auf Geschwindigkeit zu optimieren.

Zweitens haben Online-Nutzer eine relativ kurze Aufmerksamkeitsspanne. Es sei denn, jemand möchte Ihre Inhalte wirklich überprüfen, steigt die Wahrscheinlichkeit, dass ein Besucher Ihre Website einfach verlässt, bevor sie geladen wird, mit jeder Sekunde, die vergeht. Sie können ihren Einkaufswagen auch verlassen, wenn der anschließende Checkout-Prozess langsam ist – zum Beispiel hat eine Studie von Pingdom gezeigt, dass 38 % der Besucher Websites verlassen haben, deren Laden fünf Sekunden oder länger dauerte.

Alles in allem verhelfen Ihnen schnellere Seitenladezeiten zu besseren Suchmaschinenrankings und generieren mehr Seitenaufrufe und Conversions. Außerdem führt es zu einer besseren Benutzererfahrung.

Sehen wir uns nun einige Tools an, mit denen Sie die Ladezeit von Seiten messen können.

Wie misst man die Seitengeschwindigkeit?

Bevor Sie verschiedene Techniken zur Beschleunigung Ihrer Website ausprobieren, sollten Sie zunächst einen Schritt zurücktreten und die aktuelle Situation bewerten. Dies kann Ihnen helfen zu verstehen, wie viel Sie brauchen, um Ihre Website zu optimieren.

Das Testen Ihrer Website vor der Optimierung bietet Ihnen auch einen Benchmark, mit dem Sie zukünftige Testergebnisse vergleichen können. Sehen wir uns nun einige Testtools an, mit denen Sie Ihre Website je nach Bedarf, Budget und Technologie bewerten können.

GTmetrix

GTmetrix ist ein kostenloses, webbasiertes Tool zur Bewertung der Leistung Ihrer WordPress-Website. Gehen Sie einfach zur GTmetrix-Homepage und geben Sie die URL ein, um eine Website zu testen. Sie können die Region des Testservers und die Browsereinstellungen in der kostenlosen Version nicht festlegen, aber die kostenpflichtige Version gibt Ihnen mehr Kontrolle und die Möglichkeit, den Verlauf zu pflegen.

GTMetrix-Ergebnisse

GTmetrix gibt drei Schlüsselmetriken zurück:

  • Seitenladezeit
  • gesamte Seitengröße
  • Gesamtzahl der HTTP-Anfragen

In diesem Leitfaden werden wir uns ansehen, wie Sie all diese Metriken optimieren können.

PageSpeed-Einblicke

PageSpeed ​​Insights ist ein kostenloses, webbasiertes Tool von Google Developers, mit dem Sie die Leistung Ihrer Website bewerten können. Sie müssen lediglich Ihre URL eingeben, um mit dem Testen zu beginnen.

PageSpeed ​​Insights-Ergebnisse

Das Hauptangebot von PageSpeed ​​Insights konzentriert sich auf mobile Geräte. Eine Website kann sich auf einem mobilen Gerät deutlich anders verhalten als auf einem Desktop. Sie können zwar nicht kontrollieren, auf welchem ​​Gerät der Test durchgeführt wird, aber ein von diesem Tool bereitgestellter Benchmark hilft bei der Gesamtoptimierung.

WebseitenTest

WebPageTest ist ein kostenloses Open-Source-Tool zum Testen der Leistung Ihrer Website. Es gibt Ihnen viel mehr Kontrolle über die Testumgebung.

WebPageTest-Testergebnisse

Sie können nicht nur das Gerät und den Ort bestimmen, an dem der Test durchgeführt wird, sondern Sie können auch Schritt-für-Schritt-Tests erstellen, um benutzerdefinierte Metriken für Ihre Website zu generieren.

Nachdem wir nun kurz Tools besprochen haben, mit denen Sie feststellen können, wie schnell Ihre Website ist, wollen wir sehen, wie Sie Ihre WordPress-Site beschleunigen können.

1. Wählen Sie einen schnellen Webhost

Wenn ein Besucher auf einer Seite Ihrer Website landet, sendet sein Browser eine Anfrage an Ihren Server, um diese Seite anzuzeigen. Die Zeit, die der Server benötigt, um zu antworten, beeinflusst stark, wie lange er warten muss. Unabhängig von der Effizienz Ihrer Website bestimmt die Performance des Webservers entscheidend, wie schnell eine Besucheranfrage bearbeitet wird.

Bevor Sie sich für einen Host entscheiden, sollten Sie zunächst die Art des Hostings auswählen, nach der Sie suchen. Sind Sie mit der relativ langsamen Leistung eines Shared Hosts zufrieden oder benötigen Sie dediziertes und spezialisiertes WordPress-Hosting? Die Wahl ist im Allgemeinen ein Kompromiss zwischen Kosten und Geschwindigkeit.

Hier ist unser vollständiger Leitfaden zur Auswahl des schnellsten Hosts für WordPress. Kurz gesagt, ich empfehle SiteGround, wenn Sie nach einer budgetfreundlichen und dennoch zuverlässigen Lösung suchen. Wenn Sie die beste Leistung wünschen und das Budget weniger wichtig ist, sollten Sie das verwaltete WordPress-Hosting von Kinsta ausprobieren.

2. Verwenden Sie ein leichtes, flexibles Design

Das Thema, das Sie für Ihre WordPress-Site auswählen, trägt erheblich zur Seitengeschwindigkeit bei. Da die meisten Website-Besitzer ein WordPress-Theme nicht aus Leistungsgründen modifizieren würden, ist es wichtig, ein Theme zu wählen, das effizient ist und schnell lädt.

Die allgemeine Faustregel lautet, je nach Ihren Anforderungen ein leichtes Thema mit minimalen Funktionen auszuwählen. Sie können unsere Sammlung der schnellsten WordPress-Themes in Betracht ziehen, um Ihre Jagd zu beginnen.

Starterseite der Agentur in Sydney

Sie können sich nicht entscheiden? Dann empfehle ich Ihnen, sich Sydney anzusehen, unser kostenloses, leichtes WordPress-Theme, das moderne Designelemente mit einer Vielzahl von Anpassungsoptionen verbindet.

3. Verwenden Sie Plugins mit Bedacht

Sie können das Wachstum von WordPress der Community zuschreiben, die Plugins entwickelt und pflegt. Plugins erweitern die Funktionalität von WordPress, um es zu viel mehr zu machen. Während Sie für jede erdenkliche Aufgabe ein Plugin finden, ist es eine gute Idee, selektiv nur die Plugins zu verwenden, die Sie für das Funktionieren Ihrer Website unbedingt benötigen.

Jedes Plugin trägt zur Komplexität einer WordPress-Site bei, daher ist es eine gute Praxis, Ihre Website regelmäßig zu überprüfen, um jedes Plugin zu bewerten. Stellen Sie sicher, dass Sie alle unnötigen Plugins deaktivieren oder entfernen.

Sie sollten auch prüfen, ob Plugins miteinander oder mit Ihrem Thema in Konflikt stehen. Die Website-Zustandsfunktion des WordPress-Plugins Health Check and Troubleshooting kann Ihnen helfen, nach potenziellen Konflikten zwischen Plugins zu suchen.

4. Optimieren Sie Ihre WordPress-Datenbank

Ihre WordPress-Anwendung verbindet sich mit einer Datenbank, die alle seitenbezogenen Daten im Hintergrund speichert. Die Datenbank speichert im Wesentlichen alle Inhalte Ihrer Website, einschließlich, aber nicht beschränkt auf Beiträge, Seiten, Benutzerregistrierungen, Kommentare und Einstellungen.

Wenn jemand Ihre Website besucht, ruft er lediglich Daten aus der Datenbank ab, um eine Seite oder einen Beitrag anzuzeigen. Eine Benutzeraktion wie ein Kommentar, eine positive Bewertung oder ein Kauf führt jedoch zur Datengenerierung. WordPress speichert auch automatisch Überarbeitungen, die Sie an Ihren Beiträgen vornehmen.

Die Anfrage-Antwort-Zeit zwischen der Datenbank und deiner WordPress-Seite kann sich aus zwei Gründen verlängern. Erstens nimmt die Ausführung dieser Abfragen mit zunehmender Größe Ihrer Datenbank mehr Zeit in Anspruch. Zweitens können Zyklen der Dateneingabe und -entfernung Ihre Datenbank fragmentieren, sodass verschiedene Teile Ihrer Datenbank an verschiedenen Orten innerhalb des Dateisystems gespeichert werden können.

Daher ist es sinnvoll, Ihre Datenbank schlank zu halten, indem Sie unerwünschte Daten wie Spam und nicht genehmigte Kommentare, Beitragsrevisionen und verworfene Beiträge entfernen. WP Optimize ist ein Plugin, mit dem Sie Ihre WordPress-Datenbank optimieren können, indem Sie alte, redundante Daten entfernen und die Datenbank defragmentieren.

5. Verwenden Sie ein CDN, um Ressourcen bereitzustellen

Ein Content Delivery Network (CDN) besteht aus einer Gruppe von Servern, die an strategischen Standorten auf der ganzen Welt platziert sind. Es basiert auf der Prämisse, dass die Downloadzeit einer Ressource von der physischen Entfernung zwischen dem Client und dem Server abhängt.

Eine schnelle Analyse von HTTP Archive zeigt, dass eine Seite auf einer typischen WordPress-Site im Jahr 2020 etwa 2,3 MB wiegt. Ein erheblicher Teil dieses Seitengewichts besteht aus Bildern (1,2 MB), Schriftarten und Stylesheets (280 KB) und Skripten (470 KB). ).

Wenn Sie diese Ressourcen auf CDN-Servern auf der ganzen Welt speichern, kann ein Besucher aus allen Teilen der Welt sie möglicherweise von einem Server in seiner Nähe laden, wodurch die Ladezeit der Webseite verkürzt wird. Ich empfehle KeyCDN, eine kostengünstige CDN-Lösung für Websitebesitzer.

6. Bereiten Sie Ihre Bilder für das Web vor

Während wir die Verwendung von CDN zur Optimierung der Bereitstellung wichtiger Ressourcen für den Client behandelt haben, nehmen wir uns einen Moment Zeit, um auch die Ressourcen zu optimieren. Bilder machen fast die Hälfte der Nutzlast aus und dienen oft als entscheidende Komponenten des Designs einer Webseite. Daher ist es eine gute Idee, einige Best Practices zu befolgen, um Bilder für die Leistung zu optimieren.

Hygienekontrollen

Zunächst müssen Sie sicherstellen, dass Sie die Bilder in der richtigen Größe hochladen. Es macht beispielsweise wenig Sinn, das Logo in der gleichen Größe sowohl für die Seite „Über uns“ als auch für das Favicon zu verwenden. Da das Favicon wesentlich kleiner ist, sollten Sie die Größe Ihres Logos ändern und eine kleinere Version davon hochladen.

Als nächstes sollten Sie auch den entsprechenden Bildtyp verwenden. Ein JPG-Bild ist beispielsweise ideal für Fotos und andere komplexe Bilder mit vielen Farbvariationen. Andererseits eignen sich PNG-Bilder gut für Grafiken mit weniger Farbvariationen, z. B. Screenshots. Schließlich funktioniert eine SVG (Scalable Vector Graphic) perfekt für ein Bild, das aus einfachen geometrischen Formen besteht, wie z. B. ein Logo.

Bildoptimierung

Nachdem Sie die Bilder für Ihren Beitrag erstellt haben, stellen Sie sicher, dass Sie diese auch optimieren. Bildoptimierung bedeutet im Wesentlichen die Komprimierung von Bildern, um sie für das Web geeignet zu machen. Sie können sie entweder lokal optimieren oder ein Plugin für diesen Zweck verwenden.

Wenn Sie ein WordPress-Plugin wünschen, das sich um alle Ihre hochgeladenen Bilder kümmert, können Sie Imagify verwenden, ein Freemium-WordPress-Plugin, das Ihre Bilder in Echtzeit optimiert. Und wenn Sie eine Desktop-App verwenden möchten, um Bilder vor dem Hochladen zu optimieren, können Sie ImageOptim ausprobieren.

Sie können sich auch unsere Zusammenfassung der besten WordPress-Bildoptimierungs-Plugins ansehen.

Faules Laden von Bildern

Lazy Loading ist der Vorgang, bei dem die Vollversion eines Bildes nur dann heruntergeladen wird, wenn es in den Darstellungsbereich des Browsers gelangt, während der Betrachter die Seite nach unten scrollt. Diese Bildoptimierungstechnik spart wertvolle Bandbreite sowohl für den Websitebesitzer als auch für den Betrachter. Darüber hinaus wird die Seitenladezeit reduziert, indem das Herunterladen eines erheblichen Teils der Nutzlast verzögert wird.

Es gibt zwar Plugins, mit denen Sie Lazy Load aktivieren können, aber es ist erwähnenswert, dass WordPress auch erwägt, es als Kernfunktion hinzuzufügen.

7. Verwalten Sie statische Dateien effizient

Neben Bildern machen Stylesheets und Skripte einen erheblichen Teil der Nutzlast einer Webseite aus. Sehen wir uns nun an, wie Sie diese statischen Dateien Ihren Zuschauern effizient zur Verfügung stellen können.

Erstens können Sie Ihre Stylesheets und Skripte verkleinern, um die Größe Ihrer Ressourcen zu reduzieren. Bei der Minimierung werden die Teile einer Datei entfernt, die für die Ausführung nicht erforderlich sind. Dazu gehören Leerzeichen, Kommentare und nicht verwendeter Code.

Sie können Ihre Ressourcen manuell mit einem Dienst wie Minifier minimieren. Für eine WordPress-Site würde es jedoch Zeit sparen, ein Minimierungs-Plugin wie WP Super Minify zu verwenden, um alle Ressourcen auf Ihrer Site auf einmal zu minimieren.

Als Nächstes können Sie einige Ihrer Stylesheets und Skripte asynchron laden. Wenn Sie dies tun, wird das Laden der nicht wesentlichen Ressourcen die Darstellung der Seite nicht stoppen. Hier ist ein Tutorial, wie Sie das Parsen von JavaScript in WordPress verschieben können.

Schließlich können Sie die GZIP-Komprimierung aktivieren, um Ihre Ressourcen weiter zu komprimieren. Die GZIP-Komprimierung ist eine Technik, bei der der Server komprimierte Dateien an den Browser sendet, die entpackt werden, sobald der Download abgeschlossen ist. Die GZIP-Komprimierung ist auch eine häufige Funktion in Caching-Plugins (siehe unten).

8. Optimieren Sie HTTP-Anforderungen

Während wir ausführlich über die Nutzlast gesprochen haben, sollten wir auch darüber sprechen, wie wir sie an den Client senden. Sie haben vielleicht bemerkt, dass viele Probleme, die von Leistungsbewertungstools gemeldet werden, mit HTTP-Anforderungen zusammenhängen. Typische Metriken sind, wie viele HTTP-Anfragen Ihre Webseite hat, wie viele davon Weiterleitungen beinhalten und wie viele DNS-Suchen der Browser durchführen muss, um alle Ressourcen herunterzuladen.

Eine einfache Möglichkeit, die Anzahl der HTTP-Anfragen zu reduzieren, besteht darin, ähnliche Dateien zu kombinieren. Beispielsweise sollten Sie ein einziges CSS-Stylesheet für Ihre Website haben. Alle benutzerdefinierten Skripte sollten auch in einer einzigen Datei kombiniert werden. Wenn die Anzahl der HTTP-Anfragen sinkt, sinkt auch die Seitenladezeit. Wenn Sie ein Minifier-Plugin verwenden, wählen Sie eines, das sich um die Kombination ähnlicher Dateien kümmert.

Um Ihre HTTP-Anfragen zu optimieren, können Sie auch die Anzahl der DNS-Lookups minimieren. Jedes Mal, wenn der Browser auf eine Ressource stößt, die auf einem neuen Domänennamen gehostet wird, muss er eine DNS-Suche durchführen, um die entsprechende IP-Adresse zu erhalten. Wenn Sie Ihre Ressourcen in einer einzigen Domäne speichern, können Sie DNS-Lookups reduzieren. Wenn Sie ein CDN verwenden, um Ihre statischen Dateien bereitzustellen, ist die Anzahl der DNS-Lookups bereits minimiert.

Schließlich sollten Sie auch die Anzahl der Weiterleitungen für statische Ressourcen minimieren. Eine Umleitung findet statt, wenn der ursprüngliche Standort einer Ressource auf einen neuen Standort verweist, was im Wesentlichen bedeutet, dass der Browser eine neue Anfrage stellen muss, um die Ressource zu erhalten.

9. Aktivieren Sie das Caching in WordPress

Caching ist der Prozess, einen Teil der Seite an einem temporären Ort zu speichern, um ihn Ihren Besuchern schnell zur Verfügung zu stellen. Durch Caching können Sie Serverbandbreite sparen und Seitenladezeiten verkürzen.

Wählen Sie bei der Auswahl eines Caching-Plugins für Ihre WordPress-Site eines aus, das einfach einzurichten ist und Leistungsverbesserungen mit einfachen Einstellungen bietet. Wenn Sie über das Fachwissen verfügen, sollten Sie in die erweiterten Einstellungen gehen, um zusätzliche Geschwindigkeitsvorteile freizuschalten.

Wir haben die besten WordPress-Caching-Plugins getestet und verglichen. WP Rocket ging in unseren Testergebnissen als Sieger hervor.

10. Halten Sie WordPress und PHP auf dem neuesten Stand

WordPress und PHP sind beliebte Software, die aktiv weiterentwickelt wird. Verbesserungen wie neue Funktionen, Fehlerbehebungen, Sicherheitspatches und Leistungsverbesserungen werden täglich in sie integriert.

Daher ist es wichtig, WordPress, Plugins und PHP auf die neuesten Versionen zu aktualisieren, um mit diesen Verbesserungen Schritt zu halten. Bevor Sie jedoch ein Update initiieren, stellen Sie sicher, dass Sie die aktuelle Version Ihrer WordPress-Site sichern.

Zusammenfassung

In diesem Leitfaden haben wir zunächst behandelt, warum die Seitengeschwindigkeit für einen Websitebesitzer von entscheidender Bedeutung ist, um sie zu berücksichtigen und zu optimieren.

Als Nächstes haben wir uns einige beliebte Tools angesehen, die bewerten, wie gut Ihre Website ist und wie Sie ihre Leistung verbessern können.

Abschließend haben wir die wichtigsten Techniken zur Beschleunigung Ihrer WordPress-Site besprochen, von der Verwendung eines ausreichend schnellen Webhosts bis hin zur regelmäßigen Aktualisierung von PHP und WordPress.

Verwenden Sie eine andere Technik, um Ihre WordPress-Site zu beschleunigen? Lassen Sie es uns in den Kommentaren unten wissen.