5 narrensichere Möglichkeiten, Ihre WordPress-Website zu beschleunigen

Veröffentlicht: 2016-04-08

Wählen Sie eine beliebige Perspektive aus, um sich die Ladegeschwindigkeitsmetrik der Website und ihre Bedeutung anzusehen: Vermarkter, Website-Eigentümer, Entwickler, SEO-Assistent, sogar und insbesondere der Benutzer. Die Geschwindigkeitsmetrik wird weiterhin oben angezeigt. Suchen Sie in so vielen Quellen wie möglich nach Best Practices für die Webentwicklung, und Sie werden irgendwo in jeder einzelnen Liste „ Seitenladezeit reduzieren“ sehen.

Wir stehen nicht einmal gerne an der Kasse im Walmart Schlange, was denkst du, wie wir uns in Zeiten mutwilliger Exzesse über einen nicht greifbaren Datenhaufen fühlen würden ?

Es ist daher unerlässlich, Websites zu erstellen, die schneller laden (TTFB sollte weniger als 2 Sekunden betragen). Für ein besseres Erlebnis, für höhere Conversions, für Top-Suchränge!

Was kann also getan werden, um WordPress-Websites schneller zu machen? Eine Menge, wie es scheint, besonders in diesen 5 Bereichen:

1. Server

F2

Hier befinden sich die Daten Ihrer Website . Wenn sich ein Server wie eine Suppenküche oder Gothams Seitengassen selbst verwaltet, hilft Ihnen keine noch so große Leistungsoptimierung dabei, Ihre Website zu beschleunigen.

Bevor Sie sich also bei einem Hosting-Anbieter anmelden, achten Sie auf Folgendes:

  • Wartung, Backups und Sicherheit (aus offensichtlichen Gründen)
  • Skalierbarkeit: Wie unterschiedliche Pläne in Bezug auf Besucher, Datenübertragung, Bandbreite, Speicherplatz usw. abgewogen werden und wie Sie skaliert werden, wenn Sie einige der Obergrenzen überschreiten.
  • Kundenreferenzen und Support-Foren (Sie können viel über die Serviceaufzeichnung eines Unternehmens verraten)
Hier sind weitere Dinge, die Sie untersuchen können:
Ø Videohosting von Drittanbietern

Externes Videohosting oder Videohosting von Drittanbietern ist eine ausgezeichnete Lösung für diejenigen, die ihren Serverplatz und ihre Bandbreite vernünftig nutzen.

Es ist genau das, was es auf der Dose sagt. (Nur) Die Videodateien werden auf einem Drittanbieter -Server wie Youtube, Vimeo usw. gehostet, auf den Sie mit Ihrer Website verlinken können (ohne einen Entwickler anzurufen, um sich mit der API herumzuschlagen). Einige von ihnen verfügen auch über Videobearbeitungswerkzeuge und die meisten von ihnen bieten Unterstützung.

Stellen Sie einfach sicher, dass Sie die Rechte an Videodateien (Datenschutzrichtlinie) überprüfen, bevor Sie sich für diesen Dienst anmelden.

Ø Bild-Hotlinks verhindern

Image Hotlinking ist ein unterschätztes Übel.

Es ist gleichbedeutend mit Diebstahl, und das Schlimmste ist, dass sich die Täter oft der Schwere ihrer Taten nicht bewusst sind. Sie kopieren einfach Ihr Bild (auf die Tastatur) und fügen es direkt in ihren Rich-Text-Editor ein. Das Bild, das in ihrem Inhalt angezeigt wird, ist also tatsächlich noch auf Ihrem Server gespeichert. Daher fordert jeder, der auf seiner Website auf das Bild stößt, immer noch Ihren Server auf, das Bild zu laden. Dies frisst Ihre Bandbreite auf.

Und Sie werden kein Dankesschreiben bekommen.

Es gibt nur so viel, was Ihr naiver Altruismus ertragen sollte. Im Internet schützen Sie Ihre Inhalte oder werden bestraft. Fügen Sie diesen Code in Ihre .htaccess-Datei ein:

RewriteEngine an

RewriteCond %{REQUEST_FILENAME} -f

RewriteCond %{HTTP_REFERER} !^http(s)?://(www\.)?meinewebsite\.com [NC]

RewriteCond %{REQUEST_URI} !^/images/stopstealing\.jpg$ [NC]

RewriteRule \.(jpg|jpeg|png)$ http://mywebsite.com/images/stopstealing.jpg [NC,R,L]

Außerdem: Beachten Sie, dass einige Content Delivery Networks (CDNs) über eine integrierte Hotlink-Präventionsfunktion verfügen.

2. Zwischenspeichern

Caching-Plugins wie W3 Total Cache sind eines der besten Dinge, die WordPress für die Optimierung der Seitengeschwindigkeit zu bieten hat ( jeder liebt es). Die Alternative (für weniger fortgeschrittene Benutzer) ist WP Super Cache.

Die Idee ist, Kopien (Caches) von Seiten, Objekten und Datenbanken zu erstellen; Minimieren Sie Skripte und integrieren Sie eine WordPress-Website einfacher in ein Content Delivery Network (CDN).

Sie können auch WordPress-Entwickler beauftragen, die serverseitige Leistungsoptimierung mit Datenbank-Caching-Lösungen wie Redis und Memcached optimal zu nutzen.

Ø Das Ablaufmodul

Dieses Apache-Modul legt die Lebensdauer des Caches für die von Ihnen angegebenen Dateiformate fest.

Hier ist eine optimierte Art, es zu verwenden: das <ifmodule>. Es geht (in die .htaccess-Datei) so:

<ifmodule mod_expires.c>

<Dateiübereinstimmung „\.(jpg|png|gif|js|css|mp3|pdf)$“>

ExpiresActive am

ExpiresDefault „Zugriff plus 1 Woche“

</Dateiübereinstimmung>

</ifmodule>

Das obige Code-Snippet setzt die Cache-Dateien jeder jpg/png/gif/JavaScript/CSS/mp3/und PDF-Datei so, dass sie nach einer Woche ablaufen, woraufhin ein neuer Cache erstellt wird. Dieses Modul eignet sich perfekt für den Einsatz in Rich-Media-Websites, die ihre Inhalte regelmäßig aktualisieren.

3. Front-End

Ungefähr 80 % der Leistungsprobleme werden durch 20 % Aufwand für die Optimierung der Front-End-Geschwindigkeit gelöst. Es ist das Pareto-Gesetz der Webentwicklung.

Die Optimierung des Front-Ends auf Geschwindigkeit ist nicht nur technisch günstig. Je früher etwas auf dem Bildschirm Ihres Benutzers passiert, desto besser fühlt er sich beim Warten. Sie sollten auch den Eindruck von Leistung erwecken.

Um dabei zu helfen, sind hier einige Methoden, die Sie anwenden können:

  • Bilder : Komprimieren Sie wie ein Wahnsinniger. Je kleiner Ihre Bild-/Mediengröße, desto besser. Verwenden Sie EWWW Image Optimizer oder WP Smush.it für eine Komprimierung ohne Qualitätsverlust. Dann gibt es einen Lazy-Load-Filter zum bedingten Laden von Bildern, wenn der Seitenbereich, der diese Bilder enthält, derzeit im Ansichtsfenster des Benutzers sichtbar ist. Verwenden Sie dazu Lazy Load XT.
  • Eine Verringerung der HTTP-Anforderungen bedeutet weniger ausgeführte Roundtrips und verbessert somit die Ladezeiten. Machen Sie mit Sprite Pad 'Muster'-Bilder zu einem einzigen Sprite.
  • Minimieren Sie JavaScript- und CSS-Stylesheets: rtl.css, style.css und alle benutzerdefinierten, die Sie hinzugefügt haben. Versuchen Sie, nicht zu viele Abhängigkeiten zu verwenden.

4. Datenbank

Ähnlich wie das Datenträgerdefragmentierungstool in Windows kann die Datenbankoptimierung Ihr Back-End bereinigen und Speicherplatz für wichtige Informationen freigeben, während die Abfragezeiten und die Leistung verbessert werden.

Redundante Post-Revisionen, alte nicht genehmigte Kommentare, doppelte Metadaten und so weiter sind die Spinnweben und Staubhasen. Löschen Sie sie mit Tools wie WP Sweep, WP-DB Manager usw.

5. Aktualisierungen

F3

Wenn Sie die Diskussionen auf Make.WordPress.org verfolgen, um sich über die neuesten Nachrichten und Entwicklungen im Zusammenhang mit der Plattform auf dem Laufenden zu halten (es ist eine gute Angewohnheit für alle, Entwickler und allgemeine Benutzer gleichermaßen), werden Sie ein Muster bemerken: Der Fokus ist immer auf Benutzerfreundlichkeit, Leistung und Sicherheit … in dieser Reihenfolge.

WordPress wird im Falle von Minor-Releases automatisch aktualisiert (aus Sicherheitsgründen und kleineren Fehlerbehebungen), es sei denn, Sie haben die Einstellung konfiguriert. Das ist nicht gut, es sei denn, Sie aktualisieren tatsächlich auf die neueste Version.

Um Angst zu reduzieren, folgen Sie diesem hilfreichen Muster für die Aktualisierung:

  • Themen zuerst: Stellen Sie sicher, dass Sie ein untergeordnetes Thema haben (das alle geringfügigen Änderungen speichert, die Sie möglicherweise am Erscheinungsbild vorgenommen haben). Das Update gilt für das übergeordnete Thema und auf diese Weise verringern Sie die Wahrscheinlichkeit, dass etwas irreparabel durcheinander gebracht wird.
  • Plugins als nächstes: Nehmen Sie sie einzeln in Angriff. Ich weiß, es ist mühsam, aber Sie sind besser vorbereitet und informiert, wenn ein Update Kompatibilitätsprobleme verursacht. Hinweis: Aus diesem Grund gilt auch bei Plugins „weniger ist mehr“ .
  • WSOD-Protokoll: Laufen Sie nicht wie ein kopfloses Huhn herum, falls Sie dem White Screen of Death gegenüberstehen. Im Internet gibt es viele Hilfestellungen.

Endnote

Führen Sie regelmäßige Sicherheits- und Wartungsarbeiten durch, um Ihre Website in Topform zu halten.

Denken Sie daran, dass die Geschwindigkeitsoptimierung eine kontinuierliche Anstrengung ist. Bleiben Sie auf dem Laufenden für die neuesten Entwicklungen und Best Practices.

Biografie der Autorin: Lucy Barret ist eine Senior WordPress-Entwicklerin für eine führende WordPress-Entwicklungsfirma, HireWPGeeks Ltd. Sie leitet ein Team von Entwicklern, die Experten für die Konvertierung von HTML in WordPress-Themen sind. Sie ist auch Bloggerin und liebt es, ihr Wissen mit der großen Community von WordPress zu teilen.