10 effektive und einfache Möglichkeiten zur Beschleunigung der WordPress-Site

10 effektive und einfache Möglichkeiten, eine WordPress-Site zu beschleunigen

In der heutigen Zeit greifen unzählige Unternehmen auf die Leistungsfähigkeit des altehrwürdigen WordPress zurück – kein Wunder also, dass die Ladegeschwindigkeit von WordPress-Seiten ein entscheidender Faktor für den Geschäftserfolg ist. Ohne Ausflüchte sind träge WordPress-Sites, die wie Melasse dahinkriechen, schädlich für Ihr Unternehmen. Aus diesem Grund ist es äußerst wichtig, eine blitzschnelle Website zu gewährleisten, die sowohl SEO als auch benutzerfreundlich ist und neben wertvollen Seitenaufrufen ein außergewöhnliches Benutzerengagement erzielt.

In diesem ausführlichen Forschungsartikel hat unser gewissenhaftes technisches Team verschiedene interne Tests durchgeführt, um die Faktoren zu ermitteln, die eine WordPress-Website beschleunigen und sie letztendlich so SEO-freundlich wie möglich machen können.

Die akribischen Schritte, die wir unternommen haben, um unsere WordPress-Testseite zu beschleunigen, waren die folgenden:

1. WordPress-Cache-Plugin installieren und Browser-Caching nutzen
2. Minimierung von CSS und JavaScript
3. Bilder optimieren
4. gzip-Komprimierung aktivieren und
5. Verwenden eines Content Delivery Networks (CDN)

Nachdem diese Schritte durchgeführt wurden, zeigte die Website bereits einige Geschwindigkeitsverbesserungen, aber sie war noch kaum auf dem erforderlichen Niveau. In den Folgeschritten haben wir mehrere zusätzliche Schritte eingebaut, um unser Experiment umfassender und vor allem ergebnisorientierter zu machen. Um den Anweisungen zu folgen, empfehlen wir natürlich, dass Sie über einige WordPress-Kenntnisse für Fortgeschrittene/Anfänger und Fehlerbehebungsfähigkeiten verfügen, damit Sie jeder der vorgeschlagenen Anweisungen problemlos folgen können.

Für die Dauer unserer vielfältigen Experimente haben wir das Tool Google Page Speed ​​Insight verwendet, um die tatsächliche Seitengeschwindigkeit anhand einer Punktzahl von 100 zu messen. Je höher die Punktzahl, desto schneller die Website. Dieses Tool zeigte auch mehrere negative Faktoren an, die für die Verlangsamung der WordPress-Site verantwortlich waren, und bot Vorschläge zur Erhöhung der Geschwindigkeit der WordPress-Site.

Damit uns keine Labortests vorgeworfen werden, die in der realen Welt fehlschlagen, wandten wir uns mit diesen Tools und unserem Fachwissen an einen Blog unserer Kunden. Mit trägen Antworten würde kein Benutzer einen guten ersten Eindruck hinterlassen, also war ihr Ziel dringend und ihre WordPress-Site dramatisch beschleunigen. Nachdem wir alle folgenden übersichtlich aufgelisteten Schritte durchgeführt hatten, haben wir die Gesamtheit der WordPress-Geschwindigkeitsprobleme des Kunden erfolgreich gelöst und mit dem Google PageSpeed-Tool eine vorbildliche 100/100 erzielt.

Hier sind die Top 10 der einfachen Möglichkeiten, Ihre WordPress-Site zu beschleunigen

1. Wählen Sie den besten Webhosting-Anbieter
2. Installieren Sie das WordPress-Cache-Plugin und nutzen Sie das Browser-Caching
3. Minimieren Sie CSS und JavaScript
4. Bilder optimieren
5. Aktivieren Sie die Gzip-Komprimierung
6. Leeren Sie den Papierkorb und optimieren Sie die WordPress-Datenbank
7. Verwenden Sie das Content Delivery Network
8. Post-Revisionen reduzieren und Trackbacks & Pingbacks deaktivieren
9. Teilen Sie Kommentare und lange Beiträge in Seiten auf
10. Laden Sie Videos nicht direkt in WordPress hoch

1. Wählen Sie den besten Webhosting-Anbieter

Das sollte offensichtlich sein, aber seien wir ehrlich, es ist nicht immer einfach. Es lohnt sich, gründlich zu recherchieren, bevor Sie Geld ausgeben, und ähnelt den Fundamenten Ihres Hauses – dem allerletzten Bereich, in dem Sie ein Geizhals sein wollen. Bevor Sie überhaupt mit der Optimierung Ihrer WordPress-Site beginnen, stellen Sie sicher, dass Ihr Webhosting-Anbieter Ihre Website nicht von sich aus auf ein Crawling verlangsamt. Webhosting-Anbieter verkaufen ihre Server leider häufig zu teuer, was sich nachteilig auf die äußerst wichtige Antwortzeit Ihres Servers auswirkt.

Sollte die Antwortzeit Ihres Servers größer als 200 Millisekunden (ms) sein, signalisiert der Google PageSpeed-Test mit einem aufgeregten roten Fähnchen Ihre „reduzierte Antwortzeit des Servers“. Dies weist wahrscheinlich darauf hin, dass Ihr Webhosting-Server langsam ist und Sie sich direkt an Ihren Hosting-Anbieter wenden müssen, um die Antwortzeit des Servers zu verbessern. Die Unterschiede zwischen den Anbietern können gravierend sein. Hier haben wir zum Beispiel einen PageSpeed-Test für den WordPress-Blog unseres Kunden durchgeführt, bevor wir ihn auf unsere Hosting-Umgebung migriert haben. Die Ergebnisse sprechen für sich, und Sie können Ihre Augen auf die dramatischen Testergebnisse unten werfen.

Die Testergebnisse werden neben der oben genannten roten Flagge angezeigt, die uns hilfreich anweist, allgemein „Server-Antwortzeit zu reduzieren“. Danke Google! Diese schreckliche Verzögerung wurde mit etwa inakzeptablen trägen 4,2 Sekunden gemessen. So reduzierte sich der PageSpeed-Score für die Website aufgrund der schlechten Antwortzeit des Servers auf magere 68. Wir könnten deutlich besser abschneiden, denn WordPress-Seiten mit Seitenladezeiten unter 2 Sekunden sind angeblich gut. Idealerweise sollten Sie sich jedoch bemühen, es so schnell wie möglich zu machen. Google schlägt gemäß seiner PageSpeed-Einsicht sogar vor, dass die Serverantwort idealerweise außergewöhnlich schnell sein und unter 200 ms gehalten werden sollte.

Was ist der PageSpeed ​​Score Ihrer WordPress-Site? Klicken Sie hier, um es herauszufinden.

Nach diesem ersten Test haben wir natürlich die WordPress-Site unseres Kunden auf unsere äußerst optimierte WordPress-Hosting-Plattform migriert und einen zweiten PageSpeed-Test durchgeführt. Mit einer fröhlichen grünen Box fallen die Ergebnisse auf:

Feedback zur Antwortzeit des Google Page Speed ​​Insight-Servers behoben

Nach unserer Migration wurde die Antwortzeit des Servers auf außergewöhnliche 200 ms reduziert und der quälende Fehler „Server- Antwortzeit reduzieren“ wurde entschlossen behoben, um hoffentlich nie wieder heimtückisch zu werden.

Natürlich können wir nicht immer mit dem Finger auf den Hosting-Anbieter zeigen, da er sicherlich nicht immer die Ursache des Problems ist. Manchmal finden Sie selbst beim vorbildlichsten und raffiniertesten Webhosting-Anbieter schlechte Antwortzeiten. Sehr wahrscheinlich ist Ihre Website aus ihrer vorherigen Hardware herausgewachsen und fordert Sie insgeheim, dass Sie sie mit überlegener Technologie ausstatten. Sollte dies der Fall sein, ist Ihr aktuelles Hosting-Paket nicht mehr in der Lage, Ihre Website optimal zu betreiben.

In einem solchen Fall müssen Sie Ihr WordPress-Hosting-Paket einfach auf den nächsthöheren Plan oder sogar auf eine völlig neue und wesentlich leistungsfähigere Hosting-Option wie z. B. mit einem VPS upgraden . Sollten Sie nach einer Planänderung keine Verbesserung der Reaktionszeit Ihres Servers feststellen, ist es natürlich an der Zeit, nach überlegenen Hosting-Anbietern zu suchen und anschließend zu wechseln.

2. Installieren Sie das WordPress-Cache-Plugin und nutzen Sie das Browser-Caching

Nachdem wir die Antwortzeit des Servers minimiert haben, werden wir unsere Energie auf den nächsten Fehler richten, den wir beheben werden, der mit dem immer wichtigeren „Caching“ von Inhalten zusammenhängt. Google selbst empfiehlt ausdrücklich, den statischen Inhalt Ihrer WordPress-Website zwischenzuspeichern und folglich die leistungsstarke Caching-Funktion Ihres Browsers zu nutzen. Das Zwischenspeichern des statischen Inhalts wird Ihre WordPress-Site bequem um das 3- bis 7-fache beschleunigen.

WordPress verfügt über eine Vielzahl von Caching-Plugins, die nicht nur Ihre Inhalte zwischenspeichern, sondern auch eine dauerhaft nützliche CDN-Integration, Gzip-Komprimierung, CSS/JavaScript-Minifizierung und eine Vielzahl anderer Funktionen bieten. Das Aktivieren des Browser-Caching ist nicht schwierig, es ist einfach notwendig, das Cache-Plugin Ihrer Wahl über Ihr WordPress-Dashboard zu installieren und zu konfigurieren, genau wie bei jedem anderen WordPress-Plugin.

Caching-Plugin installieren und Browser-Caching aktivieren

Nach unseren ausgiebigen Tests einiger WordPress-Caching-Plugins gab es drei Plugins, die sich vom Rest des sprichwörtlichen Rudels abhoben. Diese waren:

• #1 – W3-Gesamtcache
• #2 – WP-Super-Cache
• #3 – WP Schnellster Cache

Wenn Sie aus irgendeinem Grund nicht wirklich ein WordPress-Plugin installieren möchten, können Sie das Browser-Caching manuell aktivieren, indem Sie Ihrer .htaccess-Datei einen Expires-Header-Code hinzufügen.

Wie wir Ihnen unten präsentieren, war der Google PageSpeed-Score vor der Installation eines WordPress-Caching-Plugins ein dürftiger 64/100. Wenn Sie mit uns Schritt gehalten haben, gibt es eine hervorragende Möglichkeit, dies gemäß dem Fehler zu beheben, den Google dafür generiert hat schlechte Punktzahl: 'Browser-Caching nutzen'!

Google Page Speed ​​Insight Score vor dem Aktivieren des Caching-Plugins]

Das ist natürlich nicht gut genug, also haben wir uns entschieden, das W3 Total Cache-Plug-in für unsere Anforderungen an das Caching von Inhalten zu installieren. Nach der Installation haben wir die Seitengeschwindigkeit erneut eifrig getestet und die Ergebnisse waren vorbildlich.

Nach der Installation des W3 Total Cache-Caching-Plugins
Google Page Speed ​​Score : 83 / 100 (verbessert)
Grund für diese Verbesserung : Leverage-Browser-Caching-Fehler ist zu 95 % behoben.

Um WordPress zu beschleunigen, setzt das W3 Total Cache-Plugin hilfreich und intelligent die Ablaufzeiten für alle internen Skripte auf sinnvolle Dauer. Beispielsweise werden Ihre CSS-Skripte 7 Tage lang zwischengespeichert, Bilder werden 30 Tage lang zwischengespeichert und so weiter. Nach der Einrichtung dieses nützlichen internen Cachings wurde die Warnung „Browser-Caching nutzen“ zu 95 % korrigiert.

Google Page Speed ​​Insight Score nach Aktivierung des Caching-Plugins

95% der Fehler unter dem Leverage Browser Caching wurden dann behoben. Für diejenigen, die den Überblick behalten, bleiben 5 % der Fehler bestehen. Leider waren diese auf Skripte von Drittanbietern wie Facebook und Twitter zurückzuführen, für die dieses Tool kein Caching festlegen kann. Daran ist wenig zu ändern, da Sie das Caching solcher Drittdaten nicht kontrollieren. Keine Sorge, die Auswirkungen sind wahrscheinlich gering, und Sie sollten sich daher keine übermäßigen Sorgen machen, den Fehler „Browser-Caching nutzen“ vollständig zu beseitigen.

3. Minimieren Sie CSS und JavaScript

Minimierung ist ein nettes Wort, aber einfach nichts anderes als die Eliminierung unnötiger, verschwenderischer Zeichen in einem Textdokument, wie z. B. Leerzeichen, Zeilenumbrüche, Kommentare und Blocktrennzeichen in HTML-, JavaScript- und CSS-Dateien.

Um es klar zu sagen, diese Zeichen verbessern die Lesbarkeit solcher Dateien erheblich, sind jedoch für die Verarbeitung durch Computer und Webbrowser völlig unnötig. Das Entfernen von unnötigen Zeichen und redundantem Code kann WordPress erheblich beschleunigen, indem die Seitengröße um eine kräftige Anzahl von Kilobyte reduziert wird.

Hier präsentieren wir die Ergebnisse der WordPress-Seitengeschwindigkeit, die uns einige Rückmeldungen zur Minimierung unserer CSS- und JS-Dateien geben.

Minimierungswarnung für Google Page Speed ​​Insights

Den Ergebnissen zufolge ist es möglich, unsere Geschwindigkeit weiter zu steigern, indem wir sowohl die Anzahl der Aufrufe von CSS & JS reduzieren als auch die Seitengröße minimieren.

Top WordPress Plugins zum Minimieren von CSS und JavaScript

Zum Glück gibt es für WordPress eine Vielzahl von Plugins, mit denen Sie Ihre CSS- und JavaScript-Dateien schnell minimieren können. Nachfolgend sind die fünf beliebtesten WordPress-Plugins aufgeführt, die alle Ihre Minimierungsanforderungen effektiv erfüllen.

• #1 – WP-Minifizierung
• #2 – Automatische Optimierung
• #3 – WP-Super-Minify
• #4 – WP-Minify-Fix
• #5 – Besseres WordPress-Minify

WP-Minify Plugin Minimiert CSS, HTML & JS

Bitte beachten Sie, dass einige Caching-Plugins wie W3 Total Cache und WP Fastest Cache die Minimierung als zusätzliche Funktion anbieten, wir uns jedoch für die Verwendung des WP Minify-Plugins entschieden haben, um unsere Minimierung durchzuführen. Bitte stellen Sie sicher, dass Sie nur ein (1) Minifikations-Plugin/Plugin-Option gleichzeitig aktivieren. Andernfalls ist es sehr wahrscheinlich, dass Sie auf verschiedene willkürliche Plugin-Konflikte stoßen, z. B. zwischen W3-Gesamtcache und WPMinify.

Vor der Installation eines Minification-Plugins
Google Pagespeed-Score: 83/100
Grund für diese schlechte Bewertung: Minimiere CSS, JS und HTML

Feedback zu Google Page Speed ​​Insights für JS und CSS Minify

Nach der Installation von WP Minify haben wir den Seitengeschwindigkeitstest durchgeführt und die Ergebnisse sind wie folgt.

Nach der Installation des WP Minify-Plugins
Google Page Speed ​​Score: 84 / 100 (verbessert)
Grund für diese Verbesserung: Die Warnung zum Minimieren von CSS und JavaScript wurde korrigiert.

Google Page Speed ​​Insight FeedBack behoben durch WP-Minify Plugin

Es ist vielleicht kein kolossaler Unterschied, aber jedes bisschen zählt. Speziell für mobile Geräte. Gelegentlich können diese Warnungen auch nach der Installation Ihres Minimierungs-Plugins teilweise ungelöst bestehen bleiben.

In diesem Fall ist das PageSpeed-Tool selbst in der Lage, Ihnen bereits minimierte CSS- und JS-Dateien bereitzustellen. Sie können diese optimierten JavaScripts und CSS-Ressourcen direkt herunterladen und auf Ihrer WordPress-Website ersetzen (siehe das hervorgehobene blaue Quadrat unten im obigen Beispiel).

4. Bilder optimieren

Eine WordPress-Seite mit exquisiten hochauflösenden Bildern sieht umwerfend aus und wird zweifellos die wertvolle Aufmerksamkeit von mehr Lesern auf sich ziehen als eine traditionelle textbasierte WordPress-Seite. Aber es gibt einen unglücklichen Haken – wenn Sie mehr Bilder hochladen oder deren Auflösung und Qualität übermäßig erhöhen, steigt die Größe Ihres WordPress nur an, was wiederum letztendlich zu einer glanzlosen Website-Geschwindigkeit führt.

Um diese Probleme pflichtbewusst zu vermeiden und zu minimieren, ist es zwingend erforderlich, dass Sie Ihre Bilder optimieren, bevor Sie mit der Veröffentlichung fortfahren.

Kostenlose Online-Tools zur Bildoptimierung

Es gibt verschiedene leistungsstarke Online-Tools wie Optimizilla oder Image Optimizer, um Ihre Bilder zu optimieren, ohne deren Qualität zu beeinträchtigen. Diese Tools sind unkompliziert – Sie laden Ihre Bilder hoch, wählen die relevanten/gewünschten Optionen aus und laden anschließend die optimierten Bilder herunter.

Wir lieben Optimizilla besonders, da Sie 20 Bilder gleichzeitig stapelweise optimieren und zusätzlich sowohl das Komprimierungsverhältnis als auch die Bildqualität auswählen können.

Top WordPress Plugins zur Bildoptimierung

WordPress hat eine Legion von Plugins, die Ihre Bilder automatisch optimieren, während Sie sie hochladen. Hier ist ein Vorgeschmack, von denen einige unten aufgeführt sind:

• WP Smush – #1 – Weit verbreitet mit mehr als 600.000+ Downloads
• #2 – Imagify Bildoptimierer
• #3 – Optimus – WordPress Bildoptimierer
• #4 – ShortPixel-Bildoptimierung
• #5 – EWWW-Bildoptimierer
• #6 – CW-Bildoptimierer

Wir haben uns für die beliebteste Option entschieden und uns daher aus dieser Liste für das WP Smush-Plugin entschieden, es auf WordPress installiert und unseren Leistungstest durchgeführt. Zurück zu den nützlichen Tools von Google, die folgenden Testergebnisse wurden vor und nach der Bildoptimierung erzielt.

Vor der Installation eines Bildoptimierungs-Plugins
Google Pagespeed-Score: 84/100
Grund für diese schlechte Bewertung: Bilder sind nicht optimiert.

Google Page Speed ​​Insight Score vor der Optimierung der Bilder

Wir haben das Plugin WP Smush Image Optimizer verwendet, um die Blog-Bilder automatisch zu optimieren.

WP-Smush Plugin optimiert die Bilder

Die Testergebnisse nach Aktivierung des WP Smush-Plugins. Beachten Sie, dass die Warnungen zur Optimierung der Bilder verschwunden sind.

Nach der Installation des WP Smush-Plugins
Google Page Speed ​​Score: 92/100 (verbessert)
Grund für diese Verbesserung: Das Plugin WP Smush hat alle Bilder optimiert.

Google Page Speed ​​Insight Score nach der Optimierung der Bilder

Bitte beachten Sie, dass Sie mit der kostenlosen Version von WP Smush Image Optimizer nur 50 Bilder gleichzeitig „smushen“ dürfen. Der Rest der Bilder kann aus der WordPress-Medienbibliothek entfernt werden, wie im folgenden Bildschirm gezeigt.

Smush-Bilder aus der WordPress-Medienbibliothek

Wenn Sie immer noch eine unglückliche Warnung zur Bildoptimierung erhalten, machen Sie sich keinen Stress. Das Google PageSpeed-Tool bietet hilfreicherweise auch eine optimierte Version dieser Bilder. Sie können sie wie im 3. Schritt gezeigt herunterladen. Sie können diese Bilder dann konsequent aus der Medienbibliothek Ihres DashBoards oder alternativ aus dem Dateimanager Ihres Webhosting-Kontos aktualisieren. Stellen Sie außerdem sicher, dass der Cache Ihres Webservers geleert ist, wenn Sie zufällig ein Caching-Tool eines Drittanbieters wie Xvarnish verwenden. Wenn Sie dies nicht tun, ist es möglich, dass Google auch nach Ihren sorgfältigen Optimierungen weiterhin veraltete Bilder anzeigt.

5. Aktivieren Sie die Gzip-Komprimierung

Wenn Besucher zu Ihrer WordPress-Site navigieren, laden ihre Browser die Webseiten herunter und fahren mit dem Rendern des Inhalts fort. Dies ist oft unkomprimiert, und wenn Ihre WordPress-Seiten aufgrund der notwendigen und reichhaltigen Elemente, die sie enthalten, eine gigantische Größe haben, wird dies zwangsläufig und leider die Ladezeit der Seite verlängern.

Es gibt einen praktischen Weg, dies zu umgehen: Durch Aktivieren der intelligenten Gzip-Komprimierung können Sie die Größe der vom Server an die Browser der Clients übertragenen Antworten verringern. Dies wird die erforderlichen Sekunden zum Herunterladen der Ressourcen deutlich verkürzen, die Datennutzung minimieren und die Rendering-Geschwindigkeit Ihrer schönen WordPress-Site im Browser Ihres Clients verbessern.

Mit der Gzip-Komprimierung kann die Gesamtgröße Ihrer Seite für Ihren Client um erstaunliche 50 % bis 70 % reduziert werden, was wenig überraschend dazu dient, die Geschwindigkeit Ihres WordPress-Blogs zu erhöhen. Wenn Gzip nicht aktiviert ist, bemerkt das PageSpeed ​​Insight-Tool von Google dies natürlich und warnt Sie, die Komprimierung zu aktivieren.

1. Aktivieren der Gzip-Komprimierung mit dem W3 Total Cache Plugin

Für die meisten Aufgaben gibt es ein WordPress-Plugin, und die Gzip-Komprimierung ist keine Ausnahme. Ein besonders beliebtes Caching-Plugin ist das bereits erwähnte W3 Total Cache-Plugin, mit dem Sie Ihre WordPress-Website mit Gzip komprimieren können. Um die Gzip-Komprimierung zu aktivieren, melden Sie sich bei Ihrem WordPress-Dashboard an, navigieren Sie zu Leistung → Browser-Cache und setzen Sie ein Häkchen in das Kontrollkästchen „HTTP (Gzip)-Komprimierung aktivieren“.

Aktivieren Sie die HTTP-GZIP-Komprimierung mit dem W3 Total Cache Plugin

2. Aktivieren der Gzip-Komprimierung über .htaccess

Darüber hinaus können Sie auch die Gzip-Komprimierung aktivieren, indem Sie den Gzip-Komprimierungscode zu Ihrer .htaccess-Datei hinzufügen.

3. Aktivieren der Gzip-Komprimierung über das Komprimierungs-Plugin

Installieren Sie für ein dediziertes Plugin eines der folgenden WordPress-Plugins, um die Gzip-Komprimierung zu aktivieren.

• GZip Ninja Speed-Komprimierung – Nr. 1
• Fortgeschrittener Geschwindigkeitssteigerer – #2
• Überprüfen und aktivieren Sie die GZIP-Komprimierung – Nr. 3

Diese Plugins fügen mithilfe des Moduls mod_deflate automatisch Gzip-Komprimierungsregeln in Ihre .htaccess-Datei ein, sodass Sie nicht selbst in diese Dateien stapfen müssen, um sie zu optimieren.

Um festzustellen, ob die Gzip-Komprimierung auf Ihrer Website aktiviert ist oder nicht, können Sie hier Ihre Website selbst testen. Dieses dauerhaft nützliche Tool kann Ihnen konkret zeigen, wie viele wertvolle Bytes (und damit Rendering-Geschwindigkeit und Bandbreite) durch die Aktivierung der Gzip-Komprimierung eingespart wurden. Sehen Sie sich das unten abgebildete Beispiel an, um eine bemerkenswerte Veranschaulichung dessen zu sehen, wie viele Bytes wir auf unserer Test-Website eingespart und eingespart haben.

URL-Komprimierungstest-Website

Das Aktivieren der Gzip-Komprimierung mit einer der oben genannten Methoden sollte die Empfehlung von Google PageSpeed ​​Insights auf „Komprimierung aktivieren“ beheben.

Vor der Installation eines Komprimierungs-Plugins
Google Pagespeed-Score: 92/100
Grund für diese Warnung: Komprimierung ist nicht aktiviert.

Für dieses Beispiel haben wir die Gzip-Komprimierung über das W3 Total Cache-Plugin aktiviert, und Sie können daher feststellen, dass die Warnung "Komprimierung aktivieren" jetzt entfernt wurde, mit dem folgenden Ergebnis.

Nach der Installation des W3 Total Cache-Plugins für die Komprimierung
Google Pagespeed-Score: 92/100
Grund für diese Verbesserung: Die Warnung „Komprimierung aktivieren“ wurde behoben.

Google Page Speed ​​Insight Score nach Aktivierung der GZIP-Komprimierung

Behebung der Inhaltswarnung „Above the Fold“.

Trotz eines ziemlich respektablen Leistungswerts von 92/100 zeigte die Seite von Google PageSpeed ​​Insights immer noch eine Warnung, dass wir JavaScript und CSS, die das Rendering blockieren, in „above the fold“ beheben müssten. Natürlich ist alles wichtig, und wir wollen hier nicht aufhören, Also machten wir weiter und beschlossen, das auch zu beheben. Lassen Sie uns fortfahren und sehen, wie es uns gelungen ist, diese Warnung für unseren Test-WordPress-Blog zu beheben.

Eliminieren von Render-blockierendem JavaScript in Above the Fold

Dazu haben wir das WordPress-Plugin Async JavaScript-Plugin verwendet und dann die Einstellungen angepasst, wie im folgenden Screenshot gezeigt. Dieses Plugin fügt jedem JavaScript, das von der wp_enqueue_script -Funktion von WordPress geladen wird, das Attribut „async“ oder „defer“ hinzu.

Eliminieren Sie die Rendering-Blockierung von JavaScript und CSS in der Inhaltswarnung „Above the Fold“ behoben

Jetzt müssen Sie nicht einmal mehr auf ein Plugin zurückgreifen. Wenn Sie vermeiden möchten, noch ein weiteres Plugin zu laden, können Sie einfach den folgenden Code zu Ihrer Datei functions.php hinzufügen.

/*Add async to all scripts*/
function js_async_attr($tag)
{
# Add async to all remaining scripts
return str_replace( ' src', ' async="async" src', $tag );
}
add_filter( 'script_loader_tag', 'js_async_attr', 10 );

Um dieselbe Warnung für unser CSS zu beheben, haben wir ein WordPress-Plugin namens Autoptimize verwendet. Gehen Sie nach der Installation dieses Plugins zu Einstellungen → Autotomisieren . Klicken Sie in den Autoptimize-Einstellungen auf die Schaltfläche „Erweiterte Einstellungen anzeigen“ in der oberen rechten Ecke. Bitte stellen Sie sicher, dass „minify“ nicht mit W3 Total Cache oder WPminify aktiv ist, da dies durchaus zu frustrierenden Konflikten mit Autoptimzer führen kann.

Sobald die erweiterten Einstellungen ausgefüllt und optimiert sind, scrollen Sie nach unten zum Abschnitt CSS-Optionen. Aktivieren Sie das Kontrollkästchen Inline und CSS aufschieben, fügen Sie den Fold-CSS-Code ein (URL, die vom Google-Seiten-Insight-Tool im Abschnitt „Renderblockierung beseitigen“ vorgeschlagen wird, öffnen Sie jede URL im Browser und rufen Sie den Fold-CSS-Code ab) und klicken Sie auf „ Änderungen speichern und Cache leeren'.

Eliminieren Sie die Rendering-Blockierung von JavaScript und CSS in der Inhaltswarnung „Above the Fold“ behoben

Nachdem Sie diese Schritte sorgfältig durchgeführt haben, können Sie das Google-Tool ohne Erwähnung einer Warnung bezüglich einer solchen Render-Blockierung über dem Bildschirm sehen.

Nach der Installation des Plugins Async JavaScript & Autoptimize
Google Pagespeed-Score: 100/100
Grund für diese Verbesserung: Behebung von Render-blockierendem JavaScript und CSS in der Warnung „Above-the-Fold-Inhalt“ behoben.

Alle Warnungen sind für Desktop behoben

Alle Warnungen sind für Mobilgeräte behoben

Denken Sie daran, dass PageSpeed ​​Insights von Google ein immer nützliches Leistungstool ist, das Ihnen dabei hilft, die vielen Möglichkeiten zu identifizieren, wie Sie Ihre Website optimieren können. Es lohnt sich jedoch selten, eine Besessenheit davon zu entwickeln, perfekte 100/100 zu erzielen, da es üblich ist, dass einige Szenarien im Wesentlichen nicht behoben werden können.

6. Achten Sie darauf, den Papierkorb zu leeren und die WordPress-Datenbank zu optimieren

Die längere Nutzung von WordPress bringt eine Datenbank mit sich, die wahrscheinlich Datenmengen enthält, für die Sie nicht viel Verwendung haben. Jedes Mal, wenn Sie beispielsweise einen neuen Beitrag oder eine neue Seite speichern, erstellt WordPress gerne eine Überarbeitung dieses Beitrags oder dieser Seite und speichert sie anschließend in der ständig wachsenden Datenbank.

Wenn Sie beispielsweise einen Beitrag 10 Mal bearbeiten, können Sie 9 separate Kopien dieses Beitrags als Überarbeitungen speichern. Diese Anhäufung von Daten ist zwar manchmal hilfreich, fügt den knarrenden Tabellen Ihrer Datenbank jedoch schnell riesige Mengen selten aufgerufener Daten hinzu, wodurch sie unnötig aufgebläht und der Zugriff darauf verlangsamt wird.

Durch das vernünftige Entfernen unerwünschter Überarbeitungen, Entwürfe, moderierter Kommentare, Papierkorb-Seiten/Posts, Spam-Kommentare, Papierkorb-Kommentare, verwaister Post-Metadaten und anderer unnötiger Daten können Sie eine schlanke, saubere, optimierte und sichere Datenbank behalten. Die Mühe lohnt sich, denn durch die einfache Unternehmung, Ihre Datenbank zu optimieren, werden Sie die Geschwindigkeit Ihrer Website und vor allem ihre Effizienz doppelt steigern

Optimieren Sie die WordPress-Datenbank mit WP-Optimize

Top WordPress Plugins zur Optimierung der Datenbank

Nachfolgend finden Sie eine Auswahl der beliebtesten WordPress-Plugins, die zur Optimierung einer WordPress-Datenbank verwendet werden.

• WP-Optimize – #1
• WP-Sweep – #2
• Erweiterter Datenbankreiniger – Nr. 3
• Datenbank nach dem Löschen von Revisionen optimieren

Diese Plugins entfernen alle unerwünschten Ablagerungen aus Ihrer WordPress-Datenbank und führen allgemeine Abfragen zur Optimierung der MySQL-Datenbank durch, ohne auf PHPMyAdmin zuzugreifen.

Einige solcher Plugins, wie im Fall von WP-DB Manager, ermöglichen es Ihnen, Termine für eine regelmäßige und konsistente Datenbankoptimierung zu planen. Stellen Sie immer sicher, dass Sie ein Datenbank-Backup erstellen, bevor Sie einem Plugin erlauben, Ihre Datenbank zu berühren oder zu optimieren!

7. Verwenden Sie das Content Delivery Network

Ein Content Delivery Network (CDN) ist ein Cluster von geografisch verteilten Servern, die statische Inhalte schnell von den nächstgelegenen verfügbaren und relevanten Servern an Besucher liefern. Noch verständlicher: Wenn ein Besucher Ihre Website durchsucht, wählt Ihr CDN den nächstgelegenen Server aus, um die statischen Inhalte (Bilder, CSS, Bibliotheken und JavaScript-Dateien) bereitzustellen, die auf Ihrer Website verwendet werden.

Ein geschicktes CDN fördert auch schnellere Seitenladevorgänge und verbessert folglich Ihre Google-Seitenrankings, da schlecht funktionierende Websites, die träge laden, von den Ranking-Algorithmen der beliebtesten Suchmaschinen erheblich bestraft werden.

Glücklicherweise ist die Einrichtung eines CDN für die Arbeit mit WordPress unkompliziert. Tatsächlich kann es mit einem Caching-Plugin wie W3 Total Cache innerhalb von 5 Minuten (!) abgeschlossen werden. Wenn Sie ein CDN in Ihre WordPress-Website integrieren möchten, werfen Sie bitte einen Blick auf unser freundliches und sachkundiges Tutorial .

Um Ihnen die Vorteile eines CDN für Ihre WordPress-Seite zu verdeutlichen, mussten wir natürlich unbedingt einen Schnelltest in unserem High-Tech-Labor für Sie durchführen.

Die durchschnittliche Reaktionszeit vor der Aktivierung eines CDN auf unserer WordPress-Website betrug 124,721 ms.

Reaktionszeit einer WordPress-Website vor der Aktivierung von CDN

Nach dem Aktivieren eines CDN auf der WordPress-Website verringerte sich die Reaktionszeit auf 26,346 ms.

Reaktionszeit einer WordPress-Website nach Aktivierung von CDN

8. Post-Revisionen reduzieren und Trackbacks & Pingbacks deaktivieren

Reduzieren von Postrevisionen

Das WordPress-Revisionssystem ist so konzipiert, dass es Aufzeichnungen über jeden gespeicherten Entwurf oder jedes veröffentlichte Update speichert. Obwohl es sehr nützlich ist (es ermöglicht es Ihnen, frühere Versionen Ihrer Artikel zu durchsuchen und sie bei Bedarf wiederherzustellen), kann es die Größe und das Volumen jeder WordPress-Datenbank enorm erhöhen.

Angenommen, Ihr Artikel hat 10 Überarbeitungen durchlaufen, dann speichert das WordPress-Revisionssystem jede einzelne dieser Überarbeitungen in seiner Datenbank, was seinen Datenfußabdruck um das erstaunliche 10-fache erhöht.

Standardmäßig speichert WordPress weiterhin eine unbegrenzte und uneingeschränkte Anzahl von Revisionen, aber Sie sollten und können es auf einen drastisch praktischeren Wert (z. B. 4 bis 5) beschränken. Um dies zu erreichen, fügen Sie einfach den folgenden Code zu Ihrer wp-config.php-Datei hinzu.

define( 'WP_POST_REVISIONS', 5 );

Liste der Beitragsrevisionen

Wenn Sie das Post-Revisionssystem von WordPress vollständig deaktivieren möchten, fügen Sie einfach den folgenden einzeiligen Code in die Datei wp-config.php ein.

define( 'WP_POST_REVISIONS', false );

Bitte beachten Sie, dass die Post-Revision von WordPress für Blogger äußerst nützlich ist, daher möchten wir Ihnen nicht empfehlen, sie vollständig zu deaktivieren. Stellen Sie für Ihren Seelenfrieden sicher, dass Sie immer einige Überarbeitungen Ihrer Arbeit aufbewahren.

Deaktivieren von Trackbacks und Pingbacks

Jedes Mal, wenn ein anderer Blog oder eine andere Website auf Ihre Website verweist, erhalten Sie eine Benachrichtigung, die anschließend die Datenbank für diesen bestimmten Beitrag aktualisiert und letztendlich dazu dient, die Ressourcen Ihres Servers zu überladen.

Wenn Sie dies nicht wünschen, können Trackbacks und Pingbacks in den WordPress-Diskussionseinstellungen deaktiviert werden. Sobald Sie sich beim WordPress-Dashboard angemeldet haben, gehen Sie zu Einstellungen → Diskussion und deaktivieren Sie dann die ersten beiden Kontrollkästchen, wie in der Abbildung unten gezeigt.

Pingback und Trackback deaktivieren

9. Teilen Sie Kommentare und lange Beiträge in Seiten auf

Ohne Frage, es ist in der Tat ein Zufall, ein engagiertes Publikum zu gewinnen, das massenhaft auf Ihrem Blog kommentiert. Leider erzeugt eine solche Aktivität einen potenziell nachteiligen Effekt: Das Laden dieser Kommentare kann die Ladegeschwindigkeit Ihrer Website drastisch verlangsamen.

WordPress hat hilfreicherweise eine Funktion mit dem Titel „Unterbrechungskommentare“ integriert, um dies zu beheben. Gehen Sie einfach zu Ihrer Verwaltungsseite „Einstellungen“ → „Diskussion“ und aktivieren Sie das Kontrollkästchen „Kommentare in Seiten aufteilen“.

Kommentare in Seiten aufteilen

Sollten Ihre Posts aus längeren Prosa-Abschnitten bestehen, kombiniert mit einer reichlichen Verwendung von hübschen Bildern, kann die Ladegeschwindigkeit Ihrer Website darunter leiden. Es gibt eine einfache und effektive Lösung: Teilen Sie diese lästigen Posts auf separate Seiten auf.

Fügen Sie einfach das folgende Code-Snippet an der Stelle ein, an der Sie eine Seitenaufteilung wünschen. Bitte stellen Sie sicher, dass Sie diese Codezeile im Textmodus und nicht im visuellen Modus hinzufügen.

<!--nextpage-->

Alle unter < !–nextpage–> hinzugefügten Inhalte erscheinen auf der nächsten Seite des Beitrags, und am Ende der Seite sehen Sie Paginierungslinks, wie unten gezeigt.

Option „Nächste Seite“.

10. Laden Sie Videos nicht direkt in WordPress hoch

Das direkte Hochladen von Videoinhalten kann die potenzielle Bandbreite Ihrer Website stark belasten. Ihr Webhosting-Anbieter kann für eine solche Nutzung zusätzliche Gebühren erheben, daher haben Sie einen guten Grund, eine solche Aktion zu vermeiden.

Zweitens können lange oder hochauflösende Videos Ihre Backup-Größe kolossal erhöhen, was zu einer Situation führt, in der die Wiederherstellung Ihrer Website aus Backups eine viel herkulischere Aufgabe sein kann.

Da Sie die oben genannten Szenarien wahrscheinlich nicht wünschen, können Sie Ihr Video direkt bei einem der folgenden beliebten Video-Hosting-Anbieter hochladen und anschließend einen eingebetteten Link verwenden.

• Youtube
• Vimeo
• Flickr
• DailyMotion

Das Einbetten eines YouTube-Videos in WordPress ist zum Glück elementar. Suchen Sie zunächst einfach das Video, das Sie von YouTube einbetten möchten. Klicken Sie dann auf den Link Teilen und kopieren Sie die entsprechende Video-URL.

Video-URL von YouTube kopieren

Fügen Sie schließlich die URL des Videos direkt in Ihren Beitrag ein und klicken Sie auf die Schaltfläche Aktualisieren, um sie automatisch einzubetten.

Fügen Sie die YouTube-Video-URL in den WoPress-Beitrag ein

Fazit

Wir haben die 10 effektivsten und beliebtesten Optimierungen aufgelistet, um die potenzielle Geschwindigkeit Ihrer WordPress-Website freizusetzen. Unsere fleißigen Forscher, die in ihrem Labor arbeiten, haben unserer Ansicht nach bewiesen, dass eine effektive Implementierung solcher Optimierungen die Ladegeschwindigkeit Ihrer WordPress-Website dramatisch verbessern kann. Sollten Sie jemals auf eine WordPress-Installation stoßen, die sich so schnell zu bewegen scheint wie eine Schnecke, die sich einen Tag frei nimmt, haben Sie diese praktischen Tipps, um die Geschwindigkeitswerte der Seite zweifellos zu verbessern und zu verbessern.

Die folgende hübsche Grafik stellt den Google PageSpeed-Score nach jeder Optimierung dar, die wir im WordPress-Blog implementiert haben.

Google Page Score Vs. WordPress-Optimierungen

Kennen Sie zufällig alternative und effektive Möglichkeiten, um WordPress-Seiten zu beschleunigen und deren Ladezeiten zu verbessern? Alles ist enorm wertvoll, besonders wenn es für den Kunden auf Millisekunden ankommen kann. Bitte teilen Sie uns alle performativen Ideen im folgenden Kommentarbereich mit!

Should you require our aid to improve the PageSpeed score of your WordPress website, please also drop your website name in the comment section and we will endeavor to get back to you.