Optimierung der WordPress-Geschwindigkeit. Der ultimative Leitfaden!
Ist deine WordPress-Website langsam oder nicht schnell genug? Willst du die Geschwindigkeit erheblich verbessern und sicherstellen, dass dein TTFB niedriger ist als der deiner Konkurrenten? Dann ist dieses Handbuch der ideale Leitfaden, um deine Website auf Höchstgeschwindigkeit zu bringen!
Inhalt:
- Warum ist die Geschwindigkeit deiner Website wichtig?
- Überprüfe die Geschwindigkeit deiner Website
- Was macht deine Website langsam?
- Wichtigkeit von blitzschnellem WordPress-Hosting
- Wie kann ich meine Website schneller machen
Warum ist die Geschwindigkeit deiner Website wichtig?
In den letzten Jahren hat unser Leben in Bezug auf Belastung, Geschwindigkeit und Stress enorm zugenommen. Wir alle wollen so viele Dinge wie möglich in so wenig Zeit wie möglich erledigen!
Studien haben auch gezeigt, dass die durchschnittliche Aufmerksamkeitsspanne von 12 Sekunden vor Jahrzehnten auf durchschnittlich 5 Sekunden gesunken ist.
Das bedeutet also, dass ein Besucher deiner Website bereits nach 5 Sekunden Wartezeit auf deiner Website die Aufmerksamkeit verliert. Angenommen, deine Website lädt langsamer als 5 Sekunden, ist die Wahrscheinlichkeit sehr hoch, dass der Besucher nicht einmal die Ladezeit abwartet und deine Website verlässt, bevor sie überhaupt geladen ist.
Studien aus der großen Tech-Branche zeigen sogar, dass eine Verzögerung von 1 Sekunde beim Laden deiner Website die Konversionsrate um mindestens 7 % senkt, es gibt 11 % weniger Seitenaufrufe und obendrein mindestens 16 % weniger Kundenzufriedenheit. Es ist also eine ernste Angelegenheit, die Geschwindigkeit deiner Website so hoch wie möglich zu halten!
In den letzten Jahren ist eine hohe Geschwindigkeit auch für die Suchmaschinenoptimierung extrem wichtig geworden. Suchmaschinen wie Google haben langsame Websites bereits abgestraft, indem sie sie in den Suchergebnissen niedriger platzieren als ihre schnelleren Konkurrenten. Ihr Gedanke ist, dass sie, wenn jemand nach Informationen sucht, die bestmöglichen Ergebnisse für diese Suchanfrage anbieten wollen.
Das bedeutet also, dass eine Website, die langsamer lädt und Irritationen, Ärger oder einen abgebrochenen Besucher verursacht, nicht zu einem guten Ergebnis für die eingegebene Suchanfrage gehört.
Überprüfe die Geschwindigkeit deiner Website
Um eine gute Ausgangsmessung zu erhalten, ist es wichtig, eine ordentliche und zuverlässige Geschwindigkeitsmessung deiner Website durchzuführen, bevor du irgendetwas optimierst.
So erfährst du, wie schnell deine Website jetzt lädt, wo die groben Schwachstellen in Bezug auf die Geschwindigkeit liegen und welche Optimierungsmöglichkeiten es gibt.
Es kann sein, dass du denkst, dass deine Website bereits schnell ist und deshalb alles in Ordnung ist, aber Vorsicht! Das ist ein weit verbreiteter Fehler, denn Browser speichern deine Website im Cache (im sehr schnellen lokalen Speicher), damit sie bei häufigeren Besuchen sehr schnell geladen wird. Wenn du sie von einem neuen Ort über ein neues Gerät lädst, wirst du feststellen, dass sie immer noch deutlich langsamer ist. Mache deshalb immer eine unabhängige Geschwindigkeitsmessung deiner Website.
Unabhängige Geschwindigkeitsmessung
Um die Geschwindigkeit einer Website unabhängig zu messen, verwende das Tool GTMetrix .
Dieses Tool crawlt deine Website und überprüft die Geschwindigkeit an allen Punkten. Mithilfe der Wasserfall-Methode kannst du leicht erkennen, welche Elemente langsam laden und es werden dir sogar Tipps gegeben, die du noch verbessern kannst, um eine höhere Punktzahl zu erreichen. Dazu später mehr!
Eine gute Website sollte sowieso in weniger als 2 Sekunden vollständig geladen sein. Natürlich gilt: Je schneller, desto besser! Wenn die Website deines Konkurrenten in, sagen wir, 0,5 Sekunden lädt und deine in 2 Sekunden, wird dein Konkurrent immer einen Vorteil haben, sowohl bei den Besuchern als auch bei den Suchmaschinen wie Google, BING und anderen Suchmaschinen.
Was macht deine Website langsam?
Nachdem du nun den Website-Geschwindigkeitstest durchgeführt hast, wirst du prüfen, was deine Website langsam macht und was du tun kannst, um sie schneller zu machen.
So oder so, der GTMetrix-Bericht wird dir Einblicke und Tipps geben, was du tun kannst, um es zu verbessern und was wirklich notwendig ist. Ich werde im Folgenden erläutern, worauf du achten solltest:
TTFB - Zeit bis zum ersten Byte
Das ist die Zeit, die der Server braucht, um das erste Byte zu rendern und deinem Internetbrowser zu präsentieren. Sobald du also eine Website öffnest, führt der Webserver die Skripte aus und rendert sie. Sobald die Skripte fertig sind, werden sie deinem Browser angezeigt und der Internetbrowser beginnt mit dem Herunterladen und der Anzeige der Website auf deinem Bildschirm.
Je niedriger der TTFB, desto schneller erscheint die Website auf deinem Bildschirm und desto geringer ist die Gesamtladezeit deiner Website.
Der TTFB kann auf verschiedene Arten reduziert werden, aber das Wichtigste ist, dass du einen möglichst schnellen Server oder ein sehr schnelles Webhosting Paket hast, auf dem du deine Website hostest.
Seitengröße deiner Website
Wenn deine Website sehr große oder schwere Inhalte hat, wie z. B. große Bilder oder viele Bilder, Ordner oder andere Dinge, dauert es natürlich länger, deine Website in deinen Browser zu laden.
Die Website ist wesentlich größer als eine kleinere oder optimierte Website und es ist daher logisch, dass es länger dauert, mehr herunterzuladen.
Verwende also immer gut optimierte Bilder, die die richtigen Formate haben und - was noch wichtiger ist - lokal auf deinem Server oder Webhosting-Paket gespeichert sind.
Mit Tools wie Jpegoptim oder Optipng kannst du die Bilder auf deiner Website ganz einfach optimieren. Es gibt auch Plugins für WordPress, die dir das leicht machen, wie z.B. :
- Smush.
- EWW Image Optimizer
- Optimus
Du installierst diese Plugins und mit nur wenigen Klicks kannst du deine gesamte Website scannen und alle Bilder optimieren lassen. Anschließend werden deine Bilder vollständig komprimiert und optimiert und die Größe und das Format deiner Website werden deutlich reduziert.
Website-Konfiguration
Eine gut konfigurierte Website kann mit einer gut geölten Maschine verglichen werden. Sie laufen reibungslos, reagieren adäquat und sind enorm stabil.
Es ist daher sehr wichtig, dass du deine Website richtig konfigurierst und sicherstellst, dass sie optimal funktioniert. Einige Dinge, die du unbedingt überprüfen solltest, sind:
- Die PHP-Einstellungen
- Die Cache-Konfiguration
- Die GZIP-Einstellungen in htaccess
- Vollständig up2date
Mit diesen Einstellungen stellst du sicher, dass deine Website richtig funktioniert und die Basis für eine hohe Geschwindigkeit gelegt ist. Wir werden im weiteren Verlauf dieses Artikels erklären, was die idealen Einstellungen sind!
Externe Skripte oder CSS
Wenn deine Website externe Skripte oder CSS verwendet, ist bei jedem Seitenaufruf ein Download von dem externen Server/Ort erforderlich.
Wenn dieser externe Server langsam reagiert oder zum Beispiel gar nicht funktioniert, hat das große Auswirkungen auf die Geschwindigkeit, aber auch auf die Leistung deiner Website.
Versuche daher, externe Skripte oder CSS so weit wie möglich zu vermeiden und stelle sicher, dass du das meiste davon lokal speicherst, um immer autark zu sein und nicht auf oft langsame andere Orte angewiesen zu sein.
Schlechte oder veraltete Plugins
Genau wie bei einem Auto kann ein schlechtes oder veraltetes Bauteil Probleme verursachen oder dein Auto langsamer machen. Achte daher immer darauf, dass deine Website mit den am meisten empfohlenen Plugins im Internet erstellt wird und stelle außerdem sicher, dass diese Plugins vollständig up2date sind, damit sie sicher sind und auch die höchste Geschwindigkeit für deine Website bieten und sie nicht mehr behindern.
Wichtigkeit von blitzschnellem WordPress-Hosting
Die TTFB ( Time to first byte ) sorgt also dafür, dass du sowohl mehr zufriedene Besucher hast als auch in Suchmaschinen wie Google schnell weiter oben rangierst. Eine wichtige Tatsache.
Der Server oder das Webhosting-Paket, auf dem du deine Website gespeichert hast, verarbeitet bei jedem Seitenaufruf deine gesamte Website und präsentiert dann das erste Byte.
Das ist genau wie bei einem Rennwagen. Je schneller der Motor des Autos ist, desto schneller kann es fahren. Je schneller dein Server oder dein WordPress-Hosting-Paket ist, desto schneller kann er deine Website verarbeiten und desto schneller wird das erste Byte angezeigt.
Deshalb ist es extrem wichtig, sich für blitzschnelles WordPress-Hosting zu entscheiden und damit die Basis deiner Website gut organisiert zu haben.
Natürlich ist es auch wichtig, dass deine Website vollständig optimiert und im Cache gespeichert ist, damit der Server oder das Webhosting-Paket deinen Webserver noch schneller verarbeiten kann. Wir werden später in diesem Artikel erklären, wie das geht.
Betriebszeit und Unterstützung
Wenn du nach blitzschnellem WordPress-Hosting suchst, ist es auch wichtig, auf die Betriebszeit und den Support des Webhosting-Anbieters zu achten.
Du möchtest natürlich, dass deine Website jederzeit erreichbar ist und dass die Leute, wenn sie danach suchen, eine funktionierende Website sehen und nicht einen http 500 error oder einen http 503 error .
Auch die Unterstützung ist wichtig. Angenommen, du hast eine Frage oder ein Problem auf deiner Website, das du nicht lösen kannst, dann erwartest du, dass du einen Experten fragen kannst, der dir hilft, das Problem zu lösen. Deshalb ist es auch sehr wichtig, bei der Suche nach einem Webhosting-Anbieter auf dessen Bewertungen, allgemeines Erscheinungsbild und Öffnungszeiten zu achten.
Wie kann ich meine Website schneller machen?
Jetzt kommen wir zum eigentlichen Thema. Du hast eine Basismessung mit GTMetrix durchgeführt und weißt, wie hoch dein TTFB ist und wo die Schmerzpunkte auf deiner Website liegen.
Wir optimieren jetzt und sorgen dafür, dass deine Website ohne komplizierte Codes und mit einfachen Schritten deutlich schneller wird als die deiner Konkurrenten!
Roadmap zur Beschleunigung der Website
- Aktualisiere deine Website, Plugins und Themes
- Installiere das WordPress Caching Plugin
- Cloudflare CDN installieren
- Optimiere die PHP-Einstellungen
- Optimiere alle Bilder auf deiner Website
- Bereinige deine Website
- Optimiere die Datenbank
- Verzögertes Laden verwenden
- Hotlinking deaktivieren
- Nur Zusammenfassungen oder Einleitungen anzeigen
Aktualisiere deine Website, Plugins und Themes
Zunächst einmal ist es wichtig, eine gute Grundlage zu schaffen. Stelle sicher, dass deine Website auf dem neuesten Stand ist und dass alle Plugins und Themes auf die neueste Version aktualisiert sind.
Auf diese Weise hast du alle Sicherheitsprobleme im Griff und stellst außerdem sicher, dass alles mit den neuesten Geschwindigkeitspatches ausgestattet ist und deine Website mit der höchsten Geschwindigkeit arbeiten kann.
WordPress Caching Plugin installieren
Jetzt kommen wir zu einem wichtigen Schritt, mit dem du sicherstellst, dass die Geschwindigkeit deiner Website schon jetzt enorm ansteigt: dem Caching.
Caching ist eine Technik, die dafür sorgt, dass deine Website nicht mehr vollständig gerendert/bearbeitet werden muss. Er erstellt eine Kopie einer bereits verarbeiteten Version der Seite und speichert sie im schnellen Speicher.
Beim nächsten Seitenaufruf wird der Server die Website also nicht mehr vollständig verarbeiten, sondern die Seite laden, die er bereits vorher “gecached” hat. Das spart eine Menge Zeit und sorgt dafür, dass deine Website deutlich schneller wird!
Als WordPress Caching Plugin empfehlen wir dieses:
- WP Super Cache
Du kannst dieses Plugin im wp-admin deiner WordPress-Website installieren. Sobald die Installation abgeschlossen ist, beginnt das Wichtigste, nämlich die Konfiguration.
WP Super Cache konfigurieren
Um die Konfiguration nach der Installation zu starten, gehst du in WordPress auf den Menüpunkt Einstellungen und klickst auf WP Super Cache.
Daraufhin wird eine neue Seite mit allen Tabs geöffnet. Der erste Reiter heißt: “Einfach”. Ich liste unten für jeden Tab auf, was du einstellen musst, um die optimale WP Supercache-Konfiguration zu haben.
WP-Super-Cache-Einstellungen pro Tab
Tab Easy:
- Caching einschalten
- Den Rest der Seite als Standard belassen
Registerkarte “Erweitert”:
- Caching einschalten
- Cache-Methode auf Experte eingestellt
- Caching für alle Benutzer aktivieren
- Deaktiviere gecachte Seiten mit GET-Parametern
- Komprimierte Seiten prüfen
- Deaktiviere Cache wiederherstellen
- Cache HTTP-Header prüfen
- Prüfe 304 Browser-Caching
- Bekannte Benutzer anonymisieren nicht angekreuzt
- Unterstützung für mobile Geräte geprüft
- Grobe Dateisperre deaktivieren
- Klicke jetzt auf die Schaltfläche Status aktualisieren
- Cache-Timeout auf 0 Sekunden setzen
- Klicke auf Verfallsdatum ändern
CDN-Registerkarte:
- Lass alles auf Standard, wenn du kein CDN verwendest.
Registerkarte “Inhalt”:
- Hier kannst du die Cache-Statistiken sehen. Du kannst und musst hier nichts weiter einstellen
Registerkarte “Vorladen”:
- Setze das Vorladen der Cache-Datei auf 720 Minuten, damit der Cache alle 12 Stunden erstellt wird
- Klick auf Einstellungen speichern
- Klicke auf “Cache jetzt vorladen”, damit die Seite sofort zwischengespeichert wird.
Das WP Super Cache Plugin ist jetzt optimal konfiguriert und beginnt sofort mit dem Caching aller Seiten deiner Website.
Du kannst diesen Prozess live auf der Seite Preload verfolgen, aber du kannst auf der Seite Inhalt sehen, wie viele Seiten insgesamt bereits zwischengespeichert wurden!
Installiere Cloudflare CDN
Damit deine WordPress-Website für alle Menschen auf der Welt rasend schnell lädt, musst du ein CDN installieren.
Was ist ein CDN?
Die Abkürzung CDN steht für: Content Delivery Network. Das Wort sagt, dass der Inhalt deiner Website über das Liefernetzwerk ausgeliefert wird, aber was ist das Besondere daran?
Ein CDN nutzt ein spezielles Netzwerk, nämlich ein Unicast-Netzwerk. Dieses Netzwerk ist so intelligent, dass es dafür sorgt, dass ein Besucher immer zu dem Server mit der kürzesten Ladezeit geleitet wird.
Wenn du also deine in den Niederlanden gehostete Website besuchst, während du dich in Amerika aufhältst, stellt das CDN sicher, dass der Inhalt, den das CDN finden konnte, aus Amerika und nicht aus den Niederlanden geladen wird. Dadurch wird deine Website deutlich schneller geladen, weil sie die Inhalte nicht erst aus den Niederlanden herunterladen muss, sondern superschnell aus dem Land, in dem du dich befindest.
WordPress CDN aktivieren
Jetzt, wo du weißt, was ein CDN ist und vor allem, was es kann, installieren wir ein kostenloses CDN auf deiner Website.
-
Gehe dazu zunächst auf die Cloudflare Website , wo du ein Konto für dich erstellst.
-
Sobald du dich eingeloggt und deine E-Mail-Adresse verifiziert hast, gehst du zu Websites und fügst dort deine aktuelle Website hinzu.
-
Dann kommst du zu den Plänen bzw. CDN-Paketen. Du wählst dann unten den FREE Plan aus, damit du Cloudflare kostenlos nutzen kannst.
-
Cloudflare ruft dann auf der nächsten Seite deine DNS-Einträge ab und überprüft sie. In den meisten Fällen kannst du einfach mit der nächsten Seite fortfahren.
-
Der Schritt, den du jetzt bekommst, ist, die Nameserver deines Domainnamens auf die von cloudflare zu ändern. Sie sagen dir genau, was du ändern und welche neuen Werte du eingeben musst.
-
Jetzt, wo du das geändert hast, wird dein Domainname auf die Server von Cloudflare zeigen. Hier werden die Inhalte zwischengespeichert und das CDN betrieben. Außerdem wird sichergestellt, dass deine Website vor DDoS-Angriffen und anderen Sicherheitsproblemen geschützt ist.
Die Website wird automatisch komprimiert und alle SSL-Anfragen werden optimiert. Kurz gesagt, eine deutliche Verbesserung und völlig kostenlos!