Entwickler, der außergewöhnliche CRM- und Laravel-Lösungen liefert

Als erfahrener Entwickler spezialisiere ich mich auf Laravel- und Vue.js-Entwicklung, die Implementierung von Vtiger CRM sowie auf vielfältige WordPress-Projekte. Meine Arbeit zeichnet sich durch kreative, dynamische und benutzerzentrierte Weblösungen aus, die individuell an die Bedürfnisse meiner Kunden angepasst werden.

Die Ladegeschwindigkeit einer Website ist heutzutage von entscheidender Bedeutung: Sie beeinflusst die Benutzererfahrung, die Konversionsrate und sogar die Positionierung in den Google-Suchergebnissen. Aber wie kann man eine WordPress-Seite beschleunigen? Neben der Verwendung eines hochwertigen Caching gibt es eine Vielzahl anderer, oft unterschätzter Faktoren, die die Leistung Ihrer Ressource erheblich verbessern können. Dieser Artikel enthält eine detaillierte Checkliste zur Optimierung von WordPress.

WordPress-Beschleunigung: Tipps und Tricks

Die Ladegeschwindigkeit einer Website ist heutzutage von entscheidender Bedeutung: Sie beeinflusst die Benutzererfahrung, die Konversionsrate und sogar die Positionierung in den Google-Suchergebnissen. Aber wie kann man eine WordPress-Seite beschleunigen? Neben der Verwendung eines hochwertigen Caching gibt es eine Vielzahl anderer, oft unterschätzter Faktoren, die die Leistung Ihrer Ressource erheblich verbessern können. Dieser Artikel enthält eine detaillierte Checkliste zur Optimierung von WordPress.

  1. WordPress-Leistung messen
    Bevor Sie mit der Optimierung beginnen, müssen Sie die aktuelle Geschwindigkeit der Website analysieren und "Engpässe" identifizieren. Die folgenden Online-Tools eignen sich hierfür hervorragend:
  • keycdn Tools
  • GTmetrix
  • Google PageSpeed Insights
  • WebPageTest
  • Website Speed Test von keycdn

Mit diesen Diensten können Sie nicht nur die Gesamtladezeit bewerten, sondern auch die Anzahl der Anfragen und die Seitengröße einsehen. Mithilfe eines "Wasserfall"-Diagramms können Sie analysieren, welche Dateien und Elemente am längsten geladen werden, was Ihnen hilft, Optimierungspunkte zu identifizieren.

Es gibt Dienste, die ich ständig nutze:

Pingdom: führt einen schnellen und übersichtlichen Test der Ladegeschwindigkeit aller Elemente auf der Seite durch und stellt die Ergebnisse in einem übersichtlichen Diagramm dar, in dem Sie sehen können, welche Elemente der Website langsamer als nötig geladen werden und welche anderen Problembereiche es gibt.

YSlow: ein Plugin für Firefox, das in das wohl beste Plugin für Webentwickler, Firebug, integriert ist. Es analysiert mehr als 20 Faktoren, die die Geschwindigkeit der Website beeinflussen, und bewertet die Gesamtleistung nach einem 100-Punkte-System, wobei jedes einzelne Element mit einer Bewertung von A bis F bewertet wird.

Vergessen Sie auch nicht eine der wichtigsten Dinge, die die Geschwindigkeit Ihrer Website beeinflussen können - die Anzahl der Datenbankabfragen und deren Ausführungszeit. Um diese Informationen in der Fußzeile anzuzeigen, können Sie den folgenden PHP-Code verwenden:

<?php echo get_num_queries();?> queries in <?php timer_stop(1);?> seconds.
  1. Checkliste: So beschleunigen Sie WordPress
    Im Folgenden finden Sie die wichtigsten Empfehlungen, deren Umsetzung in der Regel zu einer deutlichen Leistungssteigerung führt:
  2. Bildkomprimierung
    Viele WordPress-Benutzer laden zu große Bilder hoch, was die Ladezeit der Seite erheblich verlangsamt.

Versuchen Sie, Bilder für Veröffentlichungen direkt in der gewünschten Größe zu erstellen und in einem für das Web optimierten Format zu speichern.

Verwenden Sie für eine bessere Komprimierung Online-Dienste wie TinyPNG oder compressor.io.
Es wird auch empfohlen, das Plugin Imagify zu verwenden, um Bilder direkt in WordPress zu optimieren. Dieses Tool komprimiert nicht nur Bilder, sondern ermöglicht auch die Konvertierung in das WebP-Format.

  1. Lazy Load für Bilder
    Mit Lazy Load werden Bilder erst dann geladen, wenn der Besucher die Seite zu ihrem Bereich scrollt. Dies ist besonders nützlich für Fotogalerien und Videoseiten.

WordPress verfügt bereits über eine integrierte Unterstützung für Lazy Loading, aber manchmal können spezielle Plugins eine noch bessere Leistung bieten.
Viele Cache-Plugins, wie z. B. WP-Rocket, verfügen über eine Lazy-Load-Funktion, die mit einem Klick aktiviert werden kann.

  1. Überprüfung und Optimierung von Plugins
    WordPress bietet eine riesige Anzahl von Plugins, aber viele von ihnen wirken sich negativ auf die Geschwindigkeit der Website aus.

Entfernen Sie ungenutzte Plugins - dies erhöht sowohl die Leistung als auch die Sicherheit Ihrer Website.
Suchen Sie für die verbleibenden Tools nach leichteren und effizienteren Alternativen oder verwenden Sie das Laden von Plugins nur dort, wo es erforderlich ist.

  1. Bereinigung der Datenbank
    Im Laufe der Zeit wird die Datenbank mit Daten gefüllt: Entwürfe, Revisionen, Spam-Kommentare, gelöschte Einträge - all dies verlangsamt die Ausführung von Abfragen.

Es wird empfohlen, die Datenbank regelmäßig mit Plugins wie Advanced Database Cleaner zu bereinigen, das hilft, "Keller"-Daten zu entfernen und Tabellen zu optimieren.
Um die Anzahl der Einträge zu reduzieren, können Sie die Anzahl der gespeicherten Revisionen begrenzen, indem Sie den folgenden Code in wp-config.php hinzufügen:

define('WP_POST_REVISIONS', 3);
  1. Reduzierung der Anzahl der eingebundenen Schriftarten
    Die Verwendung von Webfonts eröffnet große Möglichkeiten für die Typografie, fügt aber zusätzliche Serveranfragen hinzu, was die Geschwindigkeit beeinträchtigt.

Beschränken Sie sich auf einige wenige notwendige Schriftarten oder verwenden Sie eine lokale Verbindung, um das Laden von Schriftarten von externen Servern (z. B. von Google) zu vermeiden, was auch den Anforderungen der DSGVO entspricht.

  1. Selektives Laden von Skripten und Styles
    Viele Plugins laden ihre JavaScript- und CSS-Dateien auf allen Seiten der Website, auch wenn sie dort nicht benötigt werden.

Verwenden Sie Conditional Tags in WordPress, um das Laden unnötiger Dateien auf die benötigten Seiten zu beschränken. Um beispielsweise die Skripte von Contact Form 7 auf allen Seiten außer der Seite „Kontakt“ zu deaktivieren, können Sie den folgenden Code in die functions.php einfügen:

function remove_cf7() {
	if (!is_page('kontakt')) {
		wp_deregister_script('contact-form-7');
		wp_dequeue_style('contact-form-7');
	}
}

add_action('wp_enqueue_scripts', 'remove_cf7');

Wenn Sie den Code nicht bearbeiten möchten, probieren Sie das Plugin Asset CleanUp aus, das die Website scannt und es Ihnen ermöglicht, ungenutzte Skripte und Stile auf der Ebene einzelner Seiten zu deaktivieren.

  1. Code-Komprimierung
    CSS- und JavaScript-Dateien enthalten oft unnötige Leerzeichen, Zeilenumbrüche und Kommentare, die die Dateigröße erhöhen.

Verwenden Sie Online-Tools wie cssminifier.com oder minifier.org, um den Code manuell zu komprimieren, oder nutzen Sie die Funktionen Ihres Cache-Plugins, das dies automatisch tun kann.

  1. Verwendung eines Cache-Plugins
    Die Verwendung von Caching ist eine der effektivsten Möglichkeiten, WordPress zu beschleunigen.

Zum Beispiel ermöglicht das Plugin WP Rocket nicht nur das Caching von Seiten, sondern auch das Zusammenführen und Komprimieren von CSS- und JS-Dateien, die Bereitstellung von Gzip-Komprimierung, die Optimierung von Bildern, die Implementierung von Lazy Loading von Skripten, das Vorladen des Caches und die Arbeit mit einem CDN.

Neben WP Rocket gibt es auch andere Tools wie WP Fastest Cache und Swift Performance, aber bewerten Sie deren Möglichkeiten basierend auf Ihren Aufgaben. Ich persönlich bevorzuge WP Rocket wegen seiner Benutzerfreundlichkeit und Wirkung.

Es wird empfohlen, das Plugin W3 Total Cache zu verwenden und die folgenden Optionen zu aktivieren:

  • Page Cache,
  • Database Cache,
  • Object Cache,
  • Browser Cache.

Achtung: Die Option Minify nicht aktivieren, da sie auf meinen Websites in 80 % der Fälle Fehler verursacht hat.

Wenn Sie die Kontrollkästchen aktivieren, wählen Sie die Caching-Methode. Wählen Sie am besten diejenige, die vom Server bereitgestellt wird. Wenn dies nicht möglich ist, wählen Sie Disc:Enchanced.

  1. PHP-Version aktualisieren
    Wenn auf dem Server eine veraltete PHP-Version läuft, bringt ein Update nur Vorteile: Beseitigung von Sicherheitslücken, verbesserte Kompatibilität mit den neuesten Versionen von WordPress, Plugins und Themes sowie eine Steigerung der Gesamtleistung.
  2. Hosting
    Die Wahl des passenden Hosting-Tarifs ist für die Ladegeschwindigkeit der Website von großer Bedeutung.

In einer Shared-Hosting-Umgebung, in der sich mehrere Websites einen Server teilen, kann die Geschwindigkeit beeinträchtigt werden.

Ich empfehle, auf bewährte Hosting-Anbieter wie Timeweb zu achten.

Da der stabile Betrieb von WordPress stark von der Funktion der Datenbank abhängt, stellen Sie sicher, dass die Einstellungen in my.cnf den Möglichkeiten des Servers entsprechen. Empfohlene Parameter:

query_cache_type = 1

query_cache_limit = 2M

query_cache_size = 20M

Der Compiler-Cache kann die Leistung durch das Cachen kompilierter Skripte verbessern. Meiner Erfahrung nach bringt die Verwendung von Xcache eine Leistungssteigerung von etwa 5 % im Vergleich zu Eaccelerator.

Die Erhöhung der maximalen Anzahl von Verbindungen in der Datei httpd.conf (z. B. max_connections = 150) ermöglicht es dem Server auch, mehr Verbindungen gleichzeitig zu verarbeiten, aber dieser Parameter sollte mit Vorsicht geändert werden, um nicht den Arbeitsspeicher zu erschöpfen.

  1. Verwendung eines Content Delivery Network (CDN)
    Ein CDN ermöglicht es, statische Dateien (Bilder, CSS, JS) auf externen Servern zu hosten, was die Last auf den Hauptserver reduziert und die Ladezeiten für Benutzer auf der ganzen Welt beschleunigt.

Wenn sich Ihr Server jedoch in Deutschland befindet und die Hauptzielgruppe deutsche Benutzer sind, bringt die Verwendung eines CDN möglicherweise keinen nennenswerten Vorteil.

  1. Zusätzliche WordPress-Einstellungen
    Neben den oben beschriebenen Maßnahmen gibt es noch weitere Maßnahmen zur Optimierung von WordPress selbst:
  • Deaktivieren Sie Hotlinks

Die Nutzung Ihres Servers zum Speichern von Bildern kann zu einer übermäßigen Belastung führen, wenn andere Websites Ihre Bilder übernehmen (Hotlinking). Um Hotlinks zu deaktivieren, fügen Sie der Datei .htaccess den folgenden Code hinzu und ersetzen Sie example.com durch den Namen Ihrer Domain:

<IfModule mod_rewrite.c>
 RewriteEngine on
 RewriteCond %{HTTP_REFERER} !^$
 RewriteCond %{HTTP_REFERER} !^http://(www\.)?example\.com/.*$ [NC]
 RewriteRule .*\.(gif|jpg|png|ico)$ - [F,L]
</IfModule>
  • Browser-Caching verwenden

Der Browser-Cache macht die Website nicht direkt schneller, reduziert aber die Serverlast, indem er häufig geladene Elemente wie Stile und Skripte zwischenspeichert. Fügen Sie den folgenden Code zur .htaccess-Datei hinzu:

FileETag MTime Size

<IfModule mod_expires.c>
 <FilesMatch "\.(jpg|gif|png|css|js)$">
 ExpiresActive on
 ExpiresDefault "access plus 1 year"
 </FilesMatch>
</IfModule>
  • Statische Daten komprimieren

Durch die Komprimierung von Daten wird die Größe der übertragenen Seite reduziert, wodurch die Serverlast gesenkt und die Ladezeit verkürzt wird. Fügen Sie den folgenden Code zur .htaccess-Datei hinzu:

AddOutputFilterByType DEFLATE text/html text/plain text/xml application/xml application/xhtml+xml text/javascript text/css application/x-javascript  
BrowserMatch ^Mozilla/4 gzip-only-text/html  
BrowserMatch ^Mozilla/4.0[678] no-gzip  
BrowserMatch bMSIE !no-gzip !gzip-only-text/html
  • Deaktiviere Post Revisionen

WordPress speichert jede Revision deiner Artikel, was die Größe der Datenbank erhöht und ihre Funktion verlangsamt. Um das Speichern von Revisionen zu deaktivieren, füge Folgendes in wp-config.php hinzu:

define('WP_POST_REVISIONS', false);

Um zuvor gespeicherte Revisionen zu löschen, führe die folgende SQL-Abfrage in PHPMyAdmin aus:

DELETE a, b, c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = 'revision';
  • Reduzieren Sie die Anzahl der Anfragen

Beseitigen Sie unnötige HTTP-Anfragen, um die Seitengenerierung zu beschleunigen. Zum Beispiel, anstatt einer dynamischen Ausgabe eines Meta-Tags:

<meta http-equiv="Content-Type" content="<?php bloginfo('html_type'); ?>; charset=<?php bloginfo('charset'); ?>" />

man kann es so festhalten:

<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

Das wird die Anzahl der Anfragen um mindestens zwei reduzieren.

Endgültiges Fazit

Die Optimierung der Ladegeschwindigkeit von WordPress ist ein komplexer Prozess, der die Komprimierung von Bildern, Lazy Loading, die Auswahl und Konfiguration von Plugins, die Bereinigung der Datenbank, die korrekte Einbindung von Schriftarten, die selektive Aktivierung von Skripten und CSS, die Komprimierung von Code, die Verwendung von Caching, die Aktualisierung der PHP-Version und die Wahl eines zuverlässigen Hostings umfasst. Durch die Umsetzung all dieser Maßnahmen kann die Ladezeit der Website deutlich verkürzt werden – bei mir zum Beispiel hat sich die Ladezeit nach der Optimierung auf weniger als 1 Sekunde reduziert, was durch Tests in Google PageSpeed Insights bestätigt wurde.