4 einfache Schritte für eine schnellere Wordpress Seite

by sond.ch | Ihr Partner für Informatik Services

Created with Sketch.

4 einfache Schritte für eine schnellere WordPress Seite

Wir zeigen Ihnen anhand eines Kunden von uns, wie in 6 einfachen Schritten jede Worpress Seite deutlich schneller wird. Dieser kontaktierte uns mit der Bitte, seine Webseite zu beschleunigen. Unten sehen Sie die Ausgangslage der Webseite auf PageSpeed Insights von Google. 11 Punkt ist sehr langsam und hat eine negativen Einfluss auf den SEO Score sowie auf die Absprungrate der Besucher. Die Webseite hatte aktuelle keine Geschwindigkeits Verbesserungen angewandt. Sollten Sie Mühe haben, die Schritte herauszufinden, welche Ihre WordPress Seite am meisten beschleunigt? Schauen Sie sich dazu den letzten Abschnitt an.

Langsam auf PageSpeed Insights? Wir haben für Sie unsere top 4 einfachen, garantiert erfolgsversprechenden Schritte aufgeschrieben für eine schnellere WordPress Seite.

Ein schnelles Caching-Plugin

Wenn eine WordPress Seite gerendert wird, wird bei jedem Aufruf der Hypertext Preprocessor (PHP) verwendet und auf eine Datenbank (mysql) zugegriffen. Dafür beansprucht das System den Arbeitsspeicher und den Prozessor.
Wenn viele Besucher auf eine Site kommen, verbraucht das System viel Arbeitsspeicher und beansprucht den Prozessor stärker, so dass die Seite so langsamer gerendert wird. Um zu verhindern, dass eine Seite wieder und wieder gerendert wird, benötigen Sie ein Caching-System. Das Cache-System erzeugt eine statische html-Datei und speichert diese. Kommen jetzt neue Benutzer auf die Webseite, liefert das System sofort diese vorbereitete statische Webseite aus und muss nichts mehr neu generieren. Dies beschleunigt eine Webseite am allermeisten, auch bei wenigen Seitenaufrufen.

Dies hat zur Folgen, dass die Webseite Geschwindigkeit im Such-Ranking-Algorithmus von Google besser bewertet wird, da die Seitenladezeit schneller ist. Dies führt zu einem besseren SEO Ranking.

Das beste WordPress Caching Plugin

Das beste WordPress Caching Plugin ist unserer Erfahrung nach ohne Zweifel WP Fastest Cache Premium. Dies kostet für eine Premium Version 50 Dollar und ist auch 50 Dollar Wert. Wenn dies für Sie jedoch das Budget sprengt, dann haben wir einen guten Tipp für Sie wie günstig WordPress Plugins und Themes erworben können.

Alle WordPress-Artikel wie Plugins und Themen sind unter der General Public Licence (GPL) lizenziert. Das bedeutet, dass der Artikel nach dem Kauf frei weitergeben werden kann, wenn man dies möchte. Wenn Sie nun also keinen Support von einem Plugin Anbieter möchten (was Sie bei einem guten Hosting auch nicht benötigen), dann finden Sie unter https://www.gplplus.com/product/wp-fastest-cache-premium/ WP Fastest Cache und weitere Plugins und Themes bis zu 95% günstiger.

Wichtig ist, dass das Plugin auf der Webseite anfängt das Cache zu erstellen.

Ein Problem eines Kunden von uns war einmal, dass die SSL Weiterleitung nicht richtig funktioniert hat und deshalb der Server nicht anfangen konnte, dass Cache zu erstellen. Dies war jedoch eine Ausnahme und meistens funktioniert das Caching-Plugin einwandfrei. Wir sind überzeugt, dass WP Fastest Cache das beste Caching-Plugin ist, nachdem wir gefühlt alle möglichen getestet haben. Ausserdem bietet es die Integration von Content-Delivery Netzwerken sowie Cloudflare einfach an.

Die Wertung von Google PageSpeed Insights nur nachdem das Plugin erfolgreich aktiviert wurde auf einem richtig konfigurierten Server.

Mit einer Wertung von 61 Punkten bekommt eine Webseite keinen Maulus im SEO Ranking, unserer Meinung nach. Um noch ein höheres Page Speed Ranking zu erhalten, müssen nun spezifische Optimierungen durchgeführt werden.

Bilder optimieren

Ein weiterer Schritt für einen schnelle schnellere WordPress Seite, sind optimierte Bilder. Dies bedeutet ein modernes Format, die richtige Grösse und die richtige Komprimierung. Am Einfachsten geht dies, wenn man sich beim Hochladen des Bildes sich diese Fragen stellt. Im Nachhinein ist es etwas schwieriger, kann jedoch trozdem noch problemlos nachgeholt werden.

In einem ersten Schritt ist es wichtig, die Bilder in der richtigen Grösse hochzuladen. Glücklicherweise hilft WordPress zum Teil da auch nach und skalliert die Bilder beim Ausliefern, jedoch erkennt dieses manchmal einige Grössen nicht richtig. Schauen Sie sich die erwartete Grösse mit einem HTML Inspektionstool im Browser an oder lesen Sie die Vorschläge von Google PageSpeed Insights durch.

Wenn man Rechtsklick auf ein Bild drückt, dann „Element untersuchen“, sieht man die ausgelieferte Grösse des Bildes. In dem Fall 265x461px. Das Bild sollte im besten Fall genau in der Grösse hochgeladen werden.

Sind alle Bilder in der richtigen Grösse vorhanden, sollten diese schlau komprimiert und in ein modernes Format umgewandelt werden. Unser Geheimtipp ist das Tool Guetzli von Google selber. Wie man aus diesem Namen bereits schliessen kann, wurde Guetzli von Google Schweiz entwickelt. Dieses kann ganze Ordner mit Bilder im Batch komprimieren. Wem der Setup von Guetzli zu umständlich erscheint, kann die Bilder auch einzeln auf compress-or-die.com hochladen. Dieses Tool komprimiert die Bilder auch in die kleinstmögliche Form.

Ressourcen beseitigen, die das Rendering blockieren

Der wohl schwierigste Schritt zum Umsetzen ist das beseitigen von Ressourcen, die das Rendering blockieren. Dafür emfpehlen wir das WordPress Plugin Hummingbird. Dieses zeigt einem alle geladenen Ressourcen an und gibt einem die Option diese zu deaktivieren. Häufig müssen auch andere CSS Defering Tools hinzugezogen werden. Das Problem beim Ressourcen beseitigen, die das Rendering blockieren ist, dass sobald diese entfernt werden, andere Teile der Webseite nicht mehr funktionieren. Z.B. hatten wir einmal einen Kunden mit einem Instagram Feed auf der Webseite. Dieser musste zuerst auf Asynchronous JavaScript and XML (AJAX) umgestellt werden bevor der Instagram Feed wieder funktionierte.

Zu einem schnelleren WordPress Hosting wechseln

Hat Ihre Seite einen guten Page Speed Rank und ist trozdem langsam? Dauert es lange bis überhaupt der erste Inahalt präsentiert wird? Dies kann an einer langsamen Antwortzeit der Time To First Byte liegen. Die Time To First Byte (TTFB) bezeichnet die Zeit, die der Browser eines Besuchers benötigt, um das erste Byte des Seiteninhalts vom Server zu empfangen. Idealerweise sollte TTFB für Ihren Server unter 600 ms liegen. TTFB hängt weitgehend von der Leistungskapazität und des Standortes Ihres Servers ab. Hosten Sie Ihre Webseite bei uns einem schnellen schweizer Webhosting Anbieter, welcher über Funktionen wie dedizierte Ressourcen, Objekt-Caching, die neuesten PHP-Versionen und ein blitzschnelles CDN verfügt.

Was muss alles optimiert werden?

Sollten Sie Mühe haben den Durchblick zu behalten wo am Meisten Verbesserungspotential vorhanden ist, so laden Sie sich temporär das Plugin Hummingbird herunter. Dieses kann neben WP Fastest Cache aktiviert werden und zeigt Schritt für Schritt welche Optimierungen durchgeführt werden müssen! Dieses Plugin ist dafür wirklich super und wir verwenden es immer! Sobald alle Optimierungen durchgeführt sind, kann das Pluign wieder deinstalliert werden. Häufig lassen wir es jedoch sogar stehen mit deaktiviertem Caching.

Sollten Sie weitere Problem haben mit den Optimierungen für Ihre WordPress Seite, oder sind Ihnen diese Schritte zu umständlich, dann kontaktieren uns einfach. Wir können für Sie diese Optimierungen an Ihrere WordPress Seite durchführen.

Einen perfekten PageSpeed Score zu erreichen kann sich als sehr schwierig heraustellen, besonders bei mobilen Geräten.

Unsere schnelle WordPress Nginx Konfiguration

Wir verwenden diese Standart Nginx Webserver Konfiguration für alle von uns gehosteten WordPress Seite:

# Static Caching Rules
location ~* \.(js|jpg|jpeg|gif|png|css|tgz|gz|rar|bz2|doc|pdf|ppt|tar|wav|bmp|rtf|swf|ico|flv|txt|woff|woff2|svg)$ {
	etag on;
	if_modified_since exact;
	add_header Pragma "public";
	add_header Cache-Control "max-age=31536000, public";
}

# Enable Gzip compression
gzip          on;

# Compression level (1-9)
gzip_comp_level     5;

# Don't compress anything under 256 bytes
gzip_min_length     256;

# Compress output of these MIME-types
gzip_types
application/atom+xml
application/javascript
application/json
application/rss+xml
application/vnd.ms-fontobject
application/x-font-ttf
application/x-font-opentype
application/x-font-truetype
application/x-javascript
application/x-web-app-manifest+json
application/xhtml+xml
application/xml
font/eot
font/opentype
font/otf
image/svg+xml
image/x-icon
image/vnd.microsoft.icon
text/css
text/plain
text/javascript
text/x-component;

# Disable gzip for bad browsers
gzip_disable  "MSIE [1-6]\.(?!.*SV1)";

Schreiben Sie einen Kommentar

Ihre E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.