6 Schritte zur Beschleunigung der WordPress-Website
Jeder weiß, dass die Geschwindigkeit der Website eine wichtige Rolle für den Erfolg der Website spielt. Je schneller Ihre Website geladen wird, desto mehr Benutzer interagieren mit Ihren Inhalten. In diesem Artikel zeigen wir Ihnen 6 Schritte, um die WordPress-Website zu beschleunigen.
Eine Standardzeit, die Ihre Website laden sollte, beträgt weniger als 2 Sekunden. Wenn das Laden Ihrer Website länger als 2 Sekunden dauert, machen Sie etwas falsch.
Es gibt verschiedene Online-Tools, um die Geschwindigkeit Ihrer Website zu überprüfen, wie Pingdom usw. Ich würde jedoch empfehlen, Ihre Website in Google Page Insights zu überprüfen. Aus meiner Erfahrung liefert dieses Tool ein besseres Ergebnis. Google Page Insights zeigt Ihnen die Ablenkungen, die dazu führen, dass Ihre Website langsam geladen wird.
Sehen wir uns Schritt für Schritt den Prozess an, um die Leistung und Geschwindigkeit einer Website zu verbessern. Unten ist der Screenshot meines Website-Scores auf Google Page Insight.
Schritt 1 – CSS und JS standardmäßig einbinden
Ist Ihnen schon einmal die Meldung Renderblocking JavaScript und CSS in Inhalten über dem Falten aufgefallen? Wenn Sie CSS und JS nicht standardmäßig enthalten, kann dies Ihre Website verlangsamen. Als Faustregel gilt, dass CSS in eine Kopfzeile und JS in eine Fußzeile eingefügt werden sollte. Sie sollten darauf achten, dass Ihre Website dieser Standardpraxis folgt.
Schritt 2- Optimieren Sie die Bilder vor der Verwendung
Bilder spielen eine wichtige Rolle bei der Verbesserung der Benutzererfahrung. Auffällige Bilder halten Ihre Benutzer mit den Inhalten in Kontakt. Aber die Verwendung von schweren Bildern tötet fast die Geschwindigkeit Ihrer Website. Wenn Sie beispielsweise ein Bild mit einer Größe von 2 MB auf die Website hochgeladen haben, benötigen diese 2 MB beim Laden der Seite eine zusätzliche Zeit, um das Bild zu laden, bevor Ihre Seite dem Publikum präsentiert wird.
Hier kommt das Konzept der Optimierung von Bildern vor der Verwendung. Es gibt mehrere Plugins, die diese Aufgabe übernehmen, Bilder aus Ihrer Medienbibliothek zu komprimieren. Einige beliebte Plugins sind
- Komprimieren Sie JPEG- und PNG-Bilder vonTinyPNG
- ShortPixel Image Optimizer
- Smush-Bildkomprimierung und -optimierung
- EWWW-Bildoptimierungstool
Alle diese Plugins funktionieren gut. Ich würde empfehlen, das TinyPNG-Plugin zu verwenden. Ich verwende dieses Plugin für meine Website und bin damit sehr zufrieden.
In einigen Fällen müssen wir Bilder außerhalb der Medienbibliothek anzeigen. Wir erstellen ein benutzerdefiniertes Verzeichnis und laden Bilder darin hoch und verwenden diese Bilder dann auf der Website. Ich habe einen Artikel über Optimieren von Bildern beim Hochladen und TinyPNG Compress Images geschrieben. Bitte lesen Sie diese Artikel, wenn Sie keine Medienbibliothek für Bilder verwenden.
Tipp: Beschneiden Sie die Bilder einer Größe, die Sie anzeigen möchten. Nehmen wir an, Sie haben einen Container der Größe 300*250. In diesem Fall sollten Sie das Bild gemäß der Containergröße zuschneiden. Verwenden Sie kein größeres Bild in einem kleinen Behälter. Dies wirkt sich auch auf die Site-Performance aus.
Schritt 3- Lazy Load Images
Lazy Load Images hilft, Ihre Website zu beschleunigen. Mit dem Lazy-Load- Plugin werden Ihre Bilder nicht geladen, bis der Benutzer zu ihnen scrollt. Es hilft, die Größe Ihrer Seite zum Zeitpunkt des Ladens zu reduzieren.
Wenn Sie Lazy-Load-Bilder ohne Plugin implementieren möchten, lesen Sie bitte unseren Artikel zur Verbesserung der Website-Performance durch Lazy-Load-Bilder.
Schritt 4- Optimieren Sie die Datenbank
Soweit Ihre Datenbankgröße klein ist, reagiert Ihr Server schnell auf Datenbankanfragen, die von der Website kommen. Sobald Ihre Datenbank zunimmt, braucht Ihr Server mehr Zeit, um zu reagieren.
In WordPress werden im Laufe der Zeit mehrere verwaiste Daten in Ihrer Datenbank gespeichert. Wenn Sie beispielsweise einen Beitrag oder eine Seite aktualisieren, speichert WordPress jedes Mal die Überarbeitung in der Datenbank. Ich würde es vorziehen, nur die letzten 3 Revisionen zu behalten, die völlig ausreichend sind. Um Überarbeitungen bis zu dreimal aufzubewahren, müssen Sie den folgenden Code in Ihre wp-config.php-Datei einfügen.
define('WP_POST_REVISIONS', 3);Der obige Code begrenzt die Anzahl der Revisionen. Es gibt einige andere Tabellen, die ebenfalls optimiert werden sollten. Ich empfehle, WP-DBManager oder WP-Sweep- Plugins zu verwenden, um Ihre Datenbank zu optimieren.
Schritt 5- Verwendung des Caches
Dank an Ingenieure, die das Konzept des Browser-Cache eingeführt haben. Wenn ein Benutzer Ihre Website besucht, speichert der Browser des Benutzers Ihre Seite im temporären Speicherort des Browsers. Wenn der Benutzer die Website das nächste Mal besucht, präsentiert der Browser den Benutzern die Seite aus dem zuletzt gespeicherten Cache, anstatt die ganze Seite erneut zu laden. Dies reduziert die Bandbreitennutzung sowohl auf Benutzer- als auch auf Serverseite. Die Verwendung des Caches für Ihre Website beschleunigt die WordPress-Website erheblich. Einige der beliebtesten Cache-Plugins sind wie folgt.
Schritt 6 – Browser-Caching nutzen
Wenn Sie Browser-Caching nutzen, werden Ihre Webseitendateien im Browser-Cache gespeichert. Ihre Seiten werden für wiederkehrende Besucher viel schneller geladen. Fügen Sie den folgenden Code in die htaccess-Datei Ihrer Site ein und er ermöglicht Ihnen das Browser-Caching.
<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/jpg "access plus 1 year"
ExpiresByType image/jpeg "access plus 1 year"
ExpiresByType image/gif "access plus 1 year"
ExpiresByType image/png "access plus 1 year"
ExpiresByType text/css "access plus 1 month"
ExpiresByType application/pdf "access plus 1 month"
ExpiresByType text/x-javascript "access plus 1 month"
ExpiresByType application/x-shockwave-flash "access plus 1 month"
ExpiresByType image/x-icon "access plus 1 year"
ExpiresDefault "access plus 2 days"
</IfModule>Hinweis: In WordPress verwenden einige Plugins externe Ressourcen. Wir können keine Ablaufheader für diese externen Ressourcen festlegen. Eine Möglichkeit besteht darin, diese externen Dateien auf Ihrem Server zu speichern und sie dann in Ihre Website einzubinden.
Ich hoffe, Sie verstehen, wie Sie die WordPress-Website beschleunigen können. Wenn ich etwas übersehen habe oder Sie andere Techniken verwenden, teilen Sie dies bitte in den Kommentaren unten mit.