Trick # 550 | Dieser Beitrag beinhaltet 549 Wörter. – Geschätzte Lesezeit: ca. 3 Minuten.
Zur Feier des 550. Website-Hacks hat Dr. Code in der Trickkiste gekramt. Wir bauen uns heute den eigenen Speed-Booster für die WordPress-Website. Funktioniert garantiert und macht die Website merklich schneller.
Das PHP-Script, welches wir Ihnen heute zeigen hat es in sich. Es umfasst folgende Speed-Funktionen:
- Unnötige Funktionen deaktivieren: Wir entfernen Emojis, RSS-Feeds und den WordPress-Version-Tag, um überflüssigen Ballast loszuwerden.
- Gzip-Komprimierung aktivieren: Reduziert die Dateigrösse Ihrer Inhalte für schnellere Übertragungen.
- Lazy Loading für Bilder: Bilder werden nur geladen, wenn sie im sichtbaren Bereich erscheinen.
- Query-Strings entfernen: Cache-freundlichere URLs für CSS- und JS-Dateien.
Das ganze packen wir in ein kleines PHP-Script. Einige der dabei verwendeten Tricks haben wir Ihnen bereits einmal vorgestellt – andere wiederum sind völlig neu.
Um das Script auf Ihrer WordPress-Website zu nutzen, kopieren Sie den folgenden PHP-Code und legen ihn in der Datei fuznctions.php Ihrer WordPress-Installation ab. Die functions.php-Datei findet sich im Backlend unter Design/Theme-Datei-Editor:
// Entferne unnötige WordPress-Skripte und -Funktionen
function optimize_wp() {
// Emojis deaktivieren)
remove_action('wp_head', 'print_emoji_detection_script', 7);
remove_action('wp_print_styles', 'print_emoji_styles');// Entferne RSS-Feeds (falls nicht benötigt)
remove_action('wp_head', 'feed_links', 2);
remove_action('wp_head', 'feed_links_extra', 3);// Entferne den WordPress-Version-Tag
remove_action('wp_head', 'wp_generator');// Lade nur jQuery, wenn es benötigt wird
if (!is_admin()) {
wp_deregister_script('jquery');
}
}
add_action('init', 'optimize_wp');// Aktivieren von Gzip-Komprimierung
function enable_gzip() {
if (!ob_start("ob_gzhandler")) {
ob_start();
}
}
add_action('init', 'enable_gzip');// Automatische Lazy-Loading-Bilder
function add_lazy_loading($content) {
if (is_singular()) {
$content = str_replace('<img ', '<img loading="lazy" ', $content);
}
return $content;
}
add_filter('the_content', 'add_lazy_loading');// Entferne Query-Strings aus statischen Ressourcen
function remove_query_strings($src) {
if (strpos($src, '?ver=') !== false) {
$src = remove_query_arg('ver', $src);
}
return $src;
}
add_filter('script_loader_src', 'remove_query_strings', 15);
add_filter('style_loader_src', 'remove_query_strings', 15);Natürlich können Sie den Code anpassen. Wenn Sie einzelne Funktionen unberührt lassen möchten, übernehmen Sie den entsprechenden Block (vom Doppelslash // bis zur zugehörigen Funktion (jener Zeile, die mit add_action oder add_filter beginnt) nicht. Wenn Sie z.B. auf die Gzip-Komprimierung verzichten wollen, lassen Sie die Zeilen 21-28 weg.
Nach der Implementierung wird Ihre Website spürbar schneller laden. In Tools wie Google PageSpeed Insights oder GTmetrix lässt sich der Unterschied einfach messen.
Werbung
Werbung
