WordPress betreibt 39,6 % aller Websites im Internet und 64,1 % aller Websites, die Content-Management-Systeme (CMS) verwenden. Mit diesen Statistiken im Hinterkopf ist es wichtig zu verstehen, dass dies bedeutet, dass es Tausende von WordPress-Themes, Plugins und andere Technologien gibt, die alle an einem Ort untergebracht sind.
Wenn Sie neu in WordPress sind, könnten Sie versucht sein, eine Menge Plugins zu installieren und eine Kombination von Dingen zu haben, die nicht unbedingt zusammen funktionieren. Dies kann zu Engpässen auf Ihrer Website führen und diese wiederum verlangsamen. Viele Menschen wissen nicht einmal, dass es diese Probleme gibt, leben mit einer schlecht funktionierenden Website und haben keine Ahnung, wie sie sie lösen können.
Heute werden wir darüber sprechen, wie Sie die Geschwindigkeit Ihrer WordPress-Website verbessern können, um Ihre Suchmaschinenoptimierung zu steigern und Ihren Website-Besuchern ein angenehmes Benutzererlebnis zu bieten.
1. Hosting zur Beschleunigung von WordPress
Wenn Sie darüber nachdenken, wie Sie WordPress beschleunigen können, ist es wichtig, dass Sie mit dem ersten Teil des Puzzles beginnen, und das ist Ihr Website-Hosting-Unternehmen. Wenn Sie sich für Website-Hosting entscheiden, beauftragen Sie ein Unternehmen mit der Nutzung eines Servers zur Speicherung aller Daten Ihrer Website, einschließlich Bildern, Videos, Inhalten, Datenbanken usw.
Bei näherer Betrachtung haben Sie auch die Wahl, für welche Art von Website-Hosting Sie sich entscheiden, z. B. Shared Hosting, WordPress-Hosting, Cloud-Hosting und so weiter. Jede Art von Website-Hosting hat ihre eigenen Vor- und Nachteile, so dass Sie das richtige Hosting für Ihre Bedürfnisse wählen sollten.
Gemeinsames Hosting
Shared Hosting ist die häufigste Art des Website-Hostings und oft auch die billigste. Mit Preisen ab nur $0,99 pro Monat bei einer Anmeldung bei Hostinger sind viele von den günstigen Kosten und den damit verbundenen Funktionen verlockt.
Es kann jedoch sein, dass Sie feststellen, dass Shared Hosting aufgrund der Beschaffenheit dieser Art von Hosting nicht Ihren Bedürfnissen entspricht. Wie der Name schon sagt, bedeutet Shared Hosting, dass Sie sich einen Server mit vielen anderen Kunden teilen, so dass der Platz und die Ressourcen auf dem Server gemeinsam genutzt werden. Wenn ein oder mehrere Kunden beginnen, ihre Ressourcenlimits zu überschreiten, könnte dies dazu führen, dass andere Kunden auf ihrer eigenen Website schlechte Websitegeschwindigkeiten erleben.
In den meisten Fällen bieten Shared Webhosting-Unternehmen eine Art Betriebszeitgarantie an. In diesem Bereich würde ich nicht weniger als 99,9 % erwarten, um sicherzustellen, dass Ihre Website die meiste Zeit über online und zugänglich ist. Dies ist jedoch nicht immer der Fall, und selbst wenn Gastgeber Garantien geben, können sie sich nicht immer daran halten. Wenn dies der Fall ist, werden Sie wahrscheinlich mit kostenlosem Hosting oder einem Rabatt entschädigt, aber Sie müssen die Geschäftsbedingungen Ihres Webhosters prüfen, bevor Sie sich anmelden.
Verwaltetes WordPress-Hosting
Managed WordPress Hosting ist die ultimative VIP-Erfahrung, wenn es um das Hosting Ihrer WordPress-Website geht. Wenn Sie neu im WordPress-Hosting sind oder einfach nicht die Zeit haben, Ihre Website in Bezug auf Back-End-Aufgaben und Sicherheit zu verwalten, kann diese Art von Hosting Ihren Bedürfnissen entsprechen.
Verwaltetes WordPress-Hosting bedeutet in der Regel, dass Ihr Webhoster dafür sorgt, dass Ihre WordPress-Website auf dem neuesten Stand ist, automatische Backups anbietet, Staging-Umgebungen mit nur einem Klick bereitstellt und in den meisten Fällen die Support-Mitarbeiter Experten im WordPress-Bereich sind.
Bei dieser Art von Hosting wird Ihre Website betreut und die Geschwindigkeiten sind in der Regel sehr gut für Sie und Ihre Kunden, allerdings bedeutet dies, dass Sie wenig Kontrolle über Ihre Website auf Ihrem Webserver haben. Auf der anderen Seite müssen Sie nichts tun, um Ihre Website sicher zu halten, da Sie wissen, dass die Experten alles im Griff haben. Verwaltetes WordPress-Hosting ist, wie zu erwarten, teurer und beginnt bei etwa 20 Dollar pro Monat.
VPS-Hosting
VPS-Hosting, auch bekannt als Virtual Private Server-Hosting, neigt dazu, das Beste aus beiden Welten zu bieten und ist eine Art der mittlere Mann in WordPress-Hosting. VPS-Hosting ist teurer als Shared WordPress Hosting, aber nicht so teuer wie Managed WordPress Hosting.
Mit VPS-Hosting teilen Sie sich immer noch einige Serverressourcen mit anderen Kunden, aber Sie haben viel mehr Kontrolle über Ihr Webhosting und Ihre Website, und das bedeutet oft, dass Sie eine bessere Geschwindigkeit, Leistung und allgemeine Optimierung erfahren.
2. Website-Caching in Betracht ziehen
Caching ist eine der einfachsten und effektivsten Möglichkeiten, Ihre WordPress-Website zu beschleunigen. Bevor ich Ihnen jedoch zeige, wie Sie Caching implementieren und nutzen können, sollten Sie verstehen, was Caching ist und wie es funktioniert.
Was ist Caching?
Wenn jemand Ihre WordPress-Website besucht, wird eine Anfrage an den Server gesendet. Der Server verarbeitet die Anfrage und sendet die Ergebnisse zurück an den Browser des Benutzers, um Ihre Website anzuzeigen. Es zeigt den Inhalt Ihrer Website, Dateien wie Bilder, Datenbanken für Anmeldedaten usw. an.
Da Websites sehr viele Daten enthalten können, können die Serveranfragen sehr lange dauern, was bedeutet, dass Ihre Benutzer noch länger warten müssen, um Ihre Website zu sehen. Wenn Ihre Website zu lange braucht, um zu laden, kann es sein, dass Ihre Nutzer Ihre Website verlassen und nicht mehr zurückkehren – schluck!
Das Caching von WordPress-Websites weist den Server Ihrer Website an, bestimmte statische Dateien zu speichern, die sich wahrscheinlich nicht ändern werden, z. B. Seitenkopfzeilen, Logos usw. Er merkt sich diese Daten, so dass der Server bei einem erneuten Besuch Ihrer Website nicht so viel arbeiten muss, um einen Seitenaufruf zu generieren, was bedeutet, dass Ihre Website viel schneller geladen wird.
Da weniger Ressourcen für die Anzeige von Inhalten für Ihre Website-Besucher benötigt werden, wird Ihr Server weniger belastet und kann höhere Geschwindigkeiten liefern, was zu einer schnelleren WordPress-Website führt.
Arten von Caching
In Bezug auf WordPress-Websites gibt es eigentlich nur zwei Arten von Caching, nämlich:
- Caching auf Server-Ebene (z. B. CDN)
- Caching-Plugins
Caching auf Server-Ebene
Wenn Sie sich für Ihr Webhosting anmelden, werden Sie feststellen, dass eine der enthaltenen Funktionen“CloudFlare CDN” ist. Dabei handelt es sich um eine Caching-Software, die von Ihrem Webhosting-Anbieter verwaltet wird und sehr einfach zu bedienen ist. Sie müssen sich nicht mehr darum kümmern, welches Caching-Plugin Sie installieren, wie Sie es aktualisieren usw.
Caching-Plugins
Wenn Ihr Webhoster keine Caching-Software anbietet oder Sie keine Lust haben, sich für diese Art von Software anzumelden, können Sie ein WordPress-Caching-Plugin verwenden. Es gibt kostenlose und Premium-Plugins, und sie sind in der Regel sehr einfach zu installieren, zu aktualisieren und zu verwalten.
W3 Total Cache ist einer meiner persönlichen Favoriten und kann mit über 1 Million aktiven Installationen kostenlos genutzt werden.
3. Bild-Optimierung
Bilder sind eine der Hauptursachen für eine langsam ladende WordPress-Website. Glücklicherweise ist die Bildoptimierung sehr einfach zu implementieren und kann die Geschwindigkeit Ihrer WordPress-Website erheblich verbessern.
Sie sollten dies nicht nur tun, um die Geschwindigkeit Ihrer WordPress-Website zu erhöhen, sondern auch, um sicherzustellen, dass Ihre Website bei Suchmaschinen wie Google gut platziert ist. Wenn Ihre Bilder nicht optimiert sind, werden Sie abgestraft.
Große Bilder können dazu führen, dass Ihre Webseiten langsamer werden, was nicht gerade zu einem guten Nutzererlebnis beiträgt. Die Optimierung von Bildern verringert deren Dateigröße, ohne dass die visuelle Qualität darunter leidet. Bildoptimierungssoftware wie TinyJPG und TinyPNG ist kostenlos und Sie können mehrere Bilder auf einmal hochladen.
Plugins zur Bildkomprimierung
Software wie TinyJPG ist zwar großartig, kann aber sehr zeitaufwändig sein, vor allem, wenn Sie versuchen, Ihre WordPress-Website zu beschleunigen.
Es gibt einige großartige WordPress-Plugins, die Sie stattdessen verwenden können. In den meisten Fällen optimieren sie automatisch alle Bilder, die Sie in Ihre WordPress-Mediathek hochladen:
Bei der Auswahl des besten Plugins für die Bildoptimierung sollten Sie einige Dinge beachten. Wählen Sie erstens ein Plugin, das Ihre Bilder extern komprimiert und optimiert. Dadurch wird Ihr Server entlastet und Ihre Website wird nicht verlangsamt.
Zweitens, und darauf werden wir später noch näher eingehen, sollten Sie sicherstellen, dass Sie responsive Bilder verwenden. Responsive Bilder zeigen automatisch unterschiedliche Bildgrößen an, je nachdem, welches Gerät ein Nutzer verwendet. Im 4. Quartal 2020 entfielen 50,81 % des gesamten Internetverkehrs auf mobile Geräte.
4. Wählen Sie das richtige Thema
Ein neues WordPress-Theme kann sehr verlockend sein, vor allem, wenn es so viele zur Auswahl gibt. WordPress bietet zwar auf seiner eigenen Website zahlreiche kostenlose und Premium-Themes an, aber auch auf externen Websites wie ThemeForest sind zahlreiche WordPress-Themes verfügbar, so dass Ihre Suche endlos weitergehen kann.
Bevor Sie sich jedoch in den Kauf oder die Installation eines neuen Themes stürzen, sollten Sie überlegen, wie sich das Thema auf die Leistung Ihrer Website auswirkt:
- Funktionen: Diese sind schön zu haben, und eine funktionsreiche Vorlage könnte Sie in ein falsches Gefühl der Sicherheit locken. Und warum? Denn Sie wollen nicht, dass Ihre Website zu funktionslastig ist, vor allem, wenn Sie nicht viele Funktionen nutzen werden. Sie können sich gerne für ein WordPress-Theme mit vielen Funktionen entscheiden, aber es wäre ratsam, die Funktionen zu deaktivieren, die Sie nicht benötigen, z. B. Google Fonts, Slider, Galerien usw.
- Kompatibilität: Stellen Sie sicher, dass Ihr Theme mit der neuesten Version von WordPress kompatibel ist (derzeit 5.6 ab Januar 2021). Wenn Sie planen, einen Online-Shop zu erstellen oder Produkte oder Dienstleistungen online zu verkaufen, sollte Ihr Theme für WooCommerce geeignet sein. Wenn Sie eine Foren-Website erstellen möchten, müssen Sie ein Theme finden, das mit BuddyPress und bbPress kompatibel ist.
4. Bewerten Sie Ihre Plugins
WordPress-Plugins können Ihre Website von einer einfachen Website mit eingeschränkter Funktionalität in einen vollwertigen Online-Shop, ein Forum, eine Mitglieder-Website usw. verwandeln. Plugins sind wirklich nützlich, und sie sind nur einer der Gründe, warum viele Menschen ihre Websites mit WordPress erstellen.
Zu viele Plugins können jedoch zu einer Verlangsamung Ihrer Website führen. Das liegt nicht an der Anzahl der Plugins an sich, sondern eher daran, wie gut (oder nicht) die Plugins verwaltet werden. Genau wie die Wahl des richtigen Themes ist auch die Wahl der richtigen WordPress-Plugins entscheidend für die Geschwindigkeit Ihrer WordPress-Website.
Eines der größten Probleme mit WordPress-Plugins ist der Deinstallationsprozess. Nein, ich meine nicht das Klicken auf die Deinstallationsschaltfläche, sondern die Dinge, die hinter den Kulissen Ihrer Website in der Datenbank ablaufen. Wenn Sie ein WordPress-Plugin löschen, bleiben oft Daten in Ihrer Datenbank zurück, und mit der Zeit, je mehr Plugins Sie haben, kann dies dazu führen, dass Ihre Website langsamer wird.
Das unten abgebildete Unternehmen Kinsta ist ein gutes Beispiel dafür, wie die Deinstallation des Wordfence-Sicherheits-Plugins über 20 Tabellen in der WordPress-Datenbank hinterlassen kann.
Sie können Ihre Datenbanktabellen zwar manuell bereinigen, aber wenn Sie damit nicht vertraut sind, empfehle ich Ihnen die Verwendung des Advanced Database Cleaner. Ja, es ist ein weiteres Plugin, aber es hat einen sehr guten Zweck. Dieses Premium-Plugin scannt Ihre WordPress-Website und bietet Ihnen die Möglichkeit, verwaiste Tabellen zu löschen, die mit nicht mehr installierten Plugins verbunden sind.
5. Speichern Sie Ihre Medien woanders
Wenn Sie für Ihre Website viele große Bilder, Videos oder andere Dateien hosten müssen, sollten Sie in Erwägung ziehen, Ihre Dateien woanders zu speichern. Die Auslagerung Ihres Servers entlastet Sie, ähnlich wie ein CDN, aber es ist nicht dasselbe.
Wenn Sie Ihre Mediendateien an einem anderen Ort speichern möchten, müssen Sie die Dateien physisch an einen neuen Ort verschieben, der nicht Ihr Server ist. Die Dateien werden auf Ihrer Website weiterhin angezeigt, aber sie verringern den Speicherplatz und die Anzahl der Rückfragen an Ihren Hoster.
Amazon S3 ist ein Objektspeicher, der es Ihnen ermöglicht, eine unbegrenzte Menge an Daten zu speichern und von überall aus abzurufen. Die Preise beginnen bei $0,023 pro GB für die ersten 50 TB/Monat. Für kleinere Websites und Blogs ist dies nicht kosteneffektiv, aber für große Websites können Sie sich auf amazon verlassen, um kostengünstige Speicherlösungen zu erhalten. Im ersten Jahr sind bis zu 5 GB kostenlos, was oft günstiger ist als die Speicherung zusätzlicher Daten und Dateien bei Ihrem Webhost.
6. Aktivieren Sie den Hotlink-Schutz
Die Aktivierung des Hotlink-Schutzes kann sicherstellen, dass Ihr Server nicht überlastet wird, wenn andere direkt auf Ihre Bilder verlinken.
Was ist Hotlinking?
Hotlinking bedeutet, dass jemand ein Bild auf einer Website oder im Internet (z. B. Google Images) aufruft und direkt auf die URL des Bildes verweist, anstatt es zu speichern und auf den Server seiner Website hochzuladen. Das Bild wird dort angezeigt, wo Sie die URL einfügen, aber es wird von dem ursprünglichen Speicherort (dem Webserver eines anderen Anbieters) bereitgestellt.
Es ist eine äußerst bequeme Art, ein Bild auf Ihrer Website zu platzieren, aber es ist sehr faul, nutzt die Ressourcen eines anderen und ist im Grunde Diebstahl. Wir dulden so etwas nicht, und ich bin sicher, dass Sie nicht wollen, dass dies mit Ihren eigenen Website-Ressourcen geschieht.
Wie kann man Hotlinking verhindern?
Es gibt mehrere Möglichkeiten, wie Sie Hotlinking verhindern und Ihre Website davor schützen können, Opfer von Hotlinking zu werden. Erinnern Sie sich, als wir über CDNs sprachen, um die Inhalte Ihrer Website schneller an Ihre Website-Besucher weiterzugeben? Viele CDN-Anbieter wie CloudFlare haben einen kostenlosen Hotlink-Schutz eingebaut. CDNs sind eine der besten Möglichkeiten, den Hotlink-Schutz zu aktivieren, und Sie schlagen damit zwei Fliegen mit einer Klappe, um Ihre WordPress-Website zu beschleunigen.
Da Sie WordPress verwenden, können Sie natürlich ein Hotlink-Schutz-Plugin installieren, das sehr einfach zu installieren und zu aktivieren ist. Ich empfehle jedoch, die Plugins sorgfältig zu prüfen, um sicherzustellen, dass sie von vertrauenswürdigen Entwicklern bereitgestellt werden.
7. Einen Geschwindigkeitstest durchführen
Um die Geschwindigkeit von WordPress zu erhöhen, sollten Sie sich einen Überblick über die Geschwindigkeit Ihrer WordPress-Website verschaffen. Dazu ist es wichtig, einen Front-End-Geschwindigkeitstest mit einer Reihe von Tools und Software durchzuführen.
Es gibt viele Geschwindigkeitstest-Tools, aber es lohnt sich, sich für ein Tool zu entscheiden und bei diesem zu bleiben. Die meisten Tools liefern ähnliche Informationen, aber wenn Sie anfangen, Tests durchzuführen und Tools zu mischen, kann es passieren, dass Sie sich und Ihre Website durcheinander bringen. Für den Test meiner eigenen Website verwende ich GTMetrix, um die Leistung meiner WordPress-Website zu messen. Wenn auch Sie GTMetrix verwenden möchten, empfehle ich Ihnen meine ausführliche Anleitung zur Verwendung von GTMetrix für die Beschleunigung Ihrer Website.
Bei der Durchführung eines Geschwindigkeitstests oder der Verwendung eines Geschwindigkeitstest-Tools sollten Sie noch einige andere Dinge beachten:
100/100 – Auch wenn es verlockend ist, ein perfektes Ergebnis anzustreben, machen ein paar Punkte keinen großen Unterschied. Die Punktzahl ist nur ein Anhaltspunkt dafür, wie gut Ihre Website abschneidet, aber sie ist ein grober Richtwert, denn es gibt große Websites, die keine perfekte Punktzahl erhalten, aber dennoch sehr gut abschneiden. Konzentrieren Sie sich eher auf die Geschwindigkeit Ihrer Website als auf die Punktzahl selbst.
Standort, Standort, Standort: Wenn Sie einen Geschwindigkeitstest durchführen, werden Sie feststellen, dass jedes Tool ein Rechenzentrum für den Test auswählt. Es ist wichtig, einen Teststandort zu wählen, der dem Rechenzentrum Ihres Servers am nächsten liegt, und einen, der am weitesten entfernt ist, um genau zu messen, wie schnell Ihre Website für jedes Publikum lädt. Wenn Sie den Standort Ihres Geschwindigkeitstests ändern möchten, müssen Sie sich möglicherweise für ein kostenloses Konto anmelden.
8. HTML, CSS und JavaScript verkleinern
Sie werden feststellen, dass einige Geschwindigkeitstest-Tools die Minifizierung von HTML, CSS und JavaScript empfehlen. Das bedeutet im Wesentlichen, dass die Datenmenge, die ein Browser von Ihrer Website herunterladen muss, reduziert wird. Sie können dies tun, indem Sie unnötige Zeichen, Abstände und Kommentare aus dem Quellcode entfernen.
Für Entwickler sind diese Zeichen und Formatierungen nützlich, aber für einen Browser, der die Seite rendert, macht es absolut keinen Unterschied, abgesehen davon, dass es zu Verzögerungen bei der Datenmenge kommt, die er herunterladen muss.
Einige nützliche WordPress-Plugins zum einfachen Minifizieren Ihrer Dateien sind:
9. WordPress-Kommentare optimieren
Ein erfolgreicher WordPress-Blog oder eine erfolgreiche WordPress-Website kann dazu führen, dass eine Vielzahl von Kommentaren Leistungsprobleme auf Ihrer Website verursacht. Um Kommentare auf Ihrer Website anzuzeigen, muss die Datenbank Ihrer Website eine Abfrage durchführen, für jeden Kommentar werden neue Einträge erstellt, die Kommentare müssen geladen werden, wenn ein Benutzer auf Ihre Website zugreift, und häufig werden externe Ressourcen angefordert. Das ist eine Menge Arbeit, um Kommentare anzuzeigen, und es ist verständlich, dass Ihre Website dadurch verlangsamt werden könnte.
Hier sind ein paar Optionen, um Ihre WordPress-Kommentare zu optimieren und Ihre WordPress-Website zu beschleunigen:
- Kommentare deaktivieren – Das Deaktivieren von Kommentaren ist recht einfach, aber Sie müssen entscheiden, ob dies für Ihre Website geeignet ist. Die vollständige Deaktivierung von Kommentaren ist zwar eine einfache Option, bedeutet aber auch, dass qualitativ hochwertige Kommentare nicht von Google gecrawlt werden und sich auf Ihr SEO-Ergebnis auswirken können. Wenn Sie jedoch mit Spam-Kommentaren überschwemmt werden und keine haben, die einen Mehrwert für Ihre Website darstellen, ist es vielleicht besser, sie zu deaktivieren.
- WordPress-Kommentarsystem – Das native WordPress-Kommentarsystem ermöglicht es Ihnen, die Anzahl der Kommentare zu reduzieren, die beim ersten Laden Ihrer Website oder Webseite geladen werden. Sie können Kommentare in Seiten aufteilen, wobei auf jeder Seite eine bestimmte Anzahl von Top-Kommentaren angezeigt wird.
- Lazy Load Comments – Das Lazy Loading von Kommentaren führt nicht zu einer Verlangsamung des anfänglichen Seiten-Renderings. Es lohnt sich also, einige Plugins zu testen, die dies für Sie erledigen können, z.B. Lazy Load for Comments oder Disqus Conditional Load.
10. Mobile-First-Optimierung
Zu guter Letzt sollten Sie die Optimierung Ihrer Website auf eine Mobile-First-Basis ausrichten. Der Mobile-First-Index von Google wurde 2018 eingeführt, was bedeutet, dass Google die mobile Version Ihrer Website für die Indexierung und das Ranking Ihrer Website verwendet. Ziel ist es, dass die Website für mobile Endgeräte geeignet ist und den Nutzern ein besseres Erlebnis bietet. Daher muss dies bei der Optimierung Ihrer Website oberste Priorität haben.
In einem Think With Google-Artikel bestätigte Google, dass die beste Praxis darin besteht, einen durchschnittlichen Geschwindigkeitsindex von unter 3 Sekunden für die Anzeige von mobilen Seiteninhalten anzustreben. Im Jahr 2018 lag die durchschnittliche Ladezeit für eine mobile Website jedoch bei satten 15 Sekunden. Die meisten Nutzer würden auf keinen Fall so lange auf das Laden einer Website warten.
Geschwindigkeit ist einer der wichtigsten Faktoren, warum? Denn die Besucher werden Ihre Website verlassen (Absprungrate), wenn Ihre Website auf dem mobilen Gerät nicht schnell genug geladen wird. Außerdem beeinträchtigt es die Benutzerfreundlichkeit und Ihr SEO-Ranking, wodurch Ihre Konversionsrate sinkt.
Fallstudie
Vor kurzem wurde ich von einem Kunden kontaktiert, für den ich seine Website gehostet, erstellt und gepflegt hatte. Die Eigentümerin der Website war besorgt, dass die Website langsamer werden könnte, wenn sie mehr Inhalte, Widgets und Funktionen hinzufügte. Ich überprüfte ihre Website und die letzten Änderungen, die sie vorgenommen hatte, ermittelte die Probleme mit kostenlosen Tools von Drittanbietern und konnte die Ladezeit innerhalb weniger Minuten um durchschnittlich 30 % verringern!
Der Kunde wollte nicht namentlich genannt werden, sagte aber gerne zu, dass ich die Ergebnisse und den WordPress-Beschleunigungsprozess mit Ihnen allen teilen könnte.
Hier sind die Spezifikationen des Kunden:
Mit Hilfe des kostenlosen Pingdom-Website-Geschwindigkeitstests stellte ich fest, dass die Website des Kunden eine Leistungsbewertung von [ D 67 ] hatte, aber dennoch eine durchschnittliche Ladezeit von 2,53 Sekunden. Die Website hatte alle [ A 90+ ] Punkte für Caching-Optionen (WP Engine ist großartig in diesem Bereich!), aber wo die Website fehlte, war in erster Linie in seiner Kombination von externen CSS und JavaScript.
Ich machte mich auf die Suche nach einer automatisierten Lösung, um CSS und JS zu kombinieren, und stieß nach einiger Recherche auf das Plugin Autoptimize. Autoptimize beschleunigt Ihre Website und hilft Ihnen, Bandbreite zu sparen, indem es JS, CSS und HTML zusammenfasst und minimiert. Es wurde von Frank Goossens, turl und Optimizing Matters entwickelt. Es erfordert WordPress Version 2.7 oder höher und ist kompatibel bis zu WordPress Version 4.5.3 ab der letzten Version von Autoptimize v2.0.2 im Mai 2016. Derzeit gibt es über 100.000 aktive Installationen.
Autoptimize macht die Optimierung Ihrer Website wirklich einfach. Es verkettet alle Skripte und Stile, minimiert und komprimiert sie, fügt abgelaufene Kopfzeilen hinzu, speichert sie im Cache und verschiebt Stile in den Seitenkopf und kann Skripte in die Fußzeile verschieben. Außerdem wird der HTML-Code selbst verkleinert, so dass Ihre Seite wirklich schlank ist. Es stehen erweiterte Optionen und eine umfangreiche API zur Verfügung, mit denen Sie Autoptimize an die spezifischen Anforderungen jeder einzelnen Website anpassen können.
Auch hier wurde meine Kundin mit WPEngine gehostet, so dass sie kein WordPress-Caching-Plugin einsetzen musste, da WPEngine dies für sie erledigt. Tatsächlich verbietet WP Engine alle Caching-Plugins, weil, und ich zitiere “wir es besser machen, und wir machen es automatisch”. Das nenne ich Vertrauen!
Zu den Vorteilen des WP Engine-Cashings gehören automatisches Seiten-Caching, Objekt-Caching, CDN-Management und URL-Rewriting. Es läuft alles automatisch und wird für Sie verwaltet, so dass Sie nichts tun müssen. Wenn Sie sich die technische Dokumentation von WP Engine ansehen, werden Sie feststellen, dass das proprietäre Seiten-Caching-System einen Durchsatz von 9.000 Seiten pro Sekunde erreicht! Selbst die schnellsten WordPress-Caching-Plugins wie WP Super Cache und W3 Total Cache sind deutlich langsamer, was zu langsameren Websites führt und der Skalierbarkeit im Wege steht.
Der WordPress-Optimierungsprozess
Ich habe verschiedene Konfigurationen innerhalb des Autoptimize-Plugins ausprobiert, habe aber festgestellt, dass die folgenden Autoptimize-Einstellungen in Verbindung mit dem proprietären Caching-System von WP Engine die besten Ergebnisse lieferten.*
HTML-Code optimieren
Optimieren Sie JavaScript-Code
CSS-Code optimieren
Ich habe die erweiterten Einstellungen so belassen, wie sie sind, mit Force JavaScript in <head> aktiviert, sowie Save aggregated script/css as static files unter Cache Info aktiviert.
*Beachten Sie, dass diese Einstellungen möglicherweise abweichen müssen, wenn Sie einen anderen Webhost verwenden oder ein Caching-Plugin einsetzen. Ich würde jedoch empfehlen, mit diesen drei Einstellungen zu beginnen, die Geschwindigkeitstests zu wiederholen und dann von dort aus Anpassungen vorzunehmen.
Vor der WordPress-Optimierung
Nach der WordPress-Optimierung
Die Ergebnisse waren verblüffend, denn die Website ging von einem Durchschnitt von 2,53 Sekunden auf einen Durchschnitt von 1,76 Sekunden zurück, und das an den drei von Pingdom bereitgestellten Testorten. Außerdem werden Sie in den obigen Ergebnis-Screenshots feststellen, dass die Website von einer [ F ] -Note für die Kombination von JavaScript und CSS zu einer soliden [ C ] -Note wurde. Es gab immer noch ein paar Probleme, wie z. B. eine große Anzahl von Weiterleitungen und zusätzliche JS-Strings, aber die meisten davon waren auf Widgets und Funktionen von Drittanbietern zurückzuführen, die in die Website des Kunden integriert waren. (wenn sie nicht auf ihrem Server ist, kann sie nicht viel tun, um ihren Code zu optimieren). Nichtsdestotrotz waren wir beide zufrieden mit einer neuen durchschnittlichen Ladezeit mit einer soliden 1 vor den Zahlen, wie unten dargestellt.
Meine Kundin war von den Ergebnissen ebenfalls begeistert, da sie nach einer Ladezeit von 1,XX Sekunden gesucht hatte, und schrieb mir diese Antwort:
“Innerhalb einer Stunde nach Erhalt Ihrer E-Mail habe ich einen Anstieg der Webverkäufe auf meiner Website festgestellt. Es könnte sich um eine Anomalie nach den Feiertagen handeln [4th of July], aber wir tendieren um fast 20% nach oben am Tag! Vielen Dank!”
Dies ist sicherlich kein Beweis für einen direkten Zusammenhang, da die Stichprobe weniger als 24 Stunden alt ist und noch nicht bewiesen ist. Das erste Urteil lautet jedoch, dass eine Steigerung der Geschwindigkeit um 30 % mit einer Steigerung des Umsatzes im eCommerce um 20 % einhergehen kann. Das ist ziemlich erstaunlich!
Empfehlungen zur Beschleunigung Ihrer WordPress-Website:
-
Holen Sie sich Premium-WordPress-Hosting
Ziehen Sie ein Premium-WordPress-Hosting-Unternehmen wie WP Engine in Betracht, das auf Geschwindigkeit ausgelegt ist und über automatisches und integriertes serverseitiges Caching verfügt. -
Wenn Sie nicht auf Premium setzen können, nutzen Sie Caching-Plugins
Wenn Ihr Budget einen Premium-Hoster wie WP Engine nicht zulässt, sollten Sie einen Anbieter wie SiteGround oder Bluehost in Betracht ziehen und ein Caching-Plugin wie WP Super Cache, W3 Total Cache oder HyperCache einsetzen.
-
Alle Bilder und Grafiken komprimieren
Achten Sie bei der Erstellung Ihrer Website auf die Bildgröße und komprimieren Sie JPG und PNG entsprechend. (versuchen Sie immer, eine Bildgröße von 100kb oder weniger anzustreben!)
-
HTML, CSS und JavaScript verkleinernNachdem die Zwischenspeicherung konfiguriert ist und Bilder und größere Grafiken optimiert wurden, installieren Sie Autoptimize, um JS, CSS und HTML zu kombinieren und zu minimieren.
-
Passen Sie Ihre Plugin-Einstellungen weiter an
Passen Sie Ihre Caching- und Autoptimize-Plugins weiter an, bis Sie eine 1,XX vor Ihren Ladezeiten sehen!
Ich hoffe, diese Anleitung war hilfreich. Nach jahrelanger Arbeit mit WordPress, zahllosen Webhostern und Caching-Plugins (sowohl proprietär als auch Open Source) und der manuellen Optimierung von CSS und JS von sperrigen WordPress-Themes ist Autoptimize ein sehr willkommenes kostenloses und äußerst effektives Plugin. Ich habe auf vielen meiner eigenen Websites installiert und möchte Sie ermutigen, dasselbe zu tun.
Denken Sie vor allem daran, dass die Geschwindigkeit in erster Linie von der Wahl einer schnelles Webhosting-Unternehmen. Sie können Ihren Code optimieren, die richtigen Plugins installieren, das Caching so effizient und effektiv wie möglich einrichten, aber ohne einen schnellen Hoster sind all diese Bemühungen nur von kurzer Dauer.