JavaScript-Parsing in WP aufschieben [2024]
Die meisten Besucher dieser Seite wurde bestimmt von Google Pagespeed oder GtMetrix empfohlen, das Parsen ihres Javascripts zu verschieben. Ein Beispiel dafür sehen Sie im Bild unten. Wenn Sie schon wussten, dass es darauf ankommt, dass Browser immer zuerst Javascript von Servern herunterladen und dann den Rest und dies die schnelle Darstellung Ihrer Website verlangsamt, dann wissen Sie noch nicht, wie es weitergehen soll. Im Folgenden erkläre ich 2 Möglichkeiten, wie Sie dies ganz einfach selbst tun können.
Anzeige
WEG 1
Parsen JavaScript verzögern über die functions.php
Wir werden die Datei functions.php manuell ändern, um das Parsen von Javascript zu verzögern. Beachten Sie, dass diese Datei als Wordpress-Upgrade aktualisiert wird, es sei denn, Sie arbeiten mit einem Child-Theme. Für diejenigen, die ohne Child-Theme arbeiten, ist dieser Weg daher weniger gut, es sei denn, Sie machen es richtig. Hier weitere Informationen zum Erstellen eines Child-Themes.
Die Datei functions.php finden Sie über Cpanel oder andere Server-Panels im Ordner des von Ihnen verwendeten Themes, folgen Sie diesem Weg: wp-content > Themes > "Name Ihres Themes". Falls Sie ein Child-Theme haben, gelangen Sie natürlich sofort in dessen Ordner. Wenn Sie aus irgendeinem Grund nicht zu den Ordnern auf dem Server gelangen, finden Sie die functions.php aus dem Wordpress-Backend über diesen Weg: Darstellung > Theme-Editor. Die Datei befindet sich irgendwo rechts unter dem Eintrag "Themes Files".
Fügen Sie ganz unten in der Datei den folgenden Code ein und speichern Sie die Datei. Testen Sie dann Ihre Website über GtMetrix, um zu sehen, ob das Problem wirklich gelöst ist.
function defer_parsing_of_js ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
return "$url' defer ";
}
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );WEG 2
Parsen von JavaScript mit einem Plugin aufschieben
Dafür empfehle ich beide Plugins unten. Die erste ist bei weitem die beste, aber nicht kostenlos. WP-Rocket hat nicht nur diese Funktion, sondern ist das perfekte Plugin zur Optimierung der Geschwindigkeit Ihrer Website. Das Auto-Optimize ist kostenlos.
Du lädst das Plugin deiner Wahl über den normalen WordPress Installer (neues Plugin) hoch, installierst und aktivierst es. Dies sind Operationen, die jeder WP-Benutzer kennt und ich gehe davon aus, dass es keiner weiteren Erklärung bedarf. Schließlich müssen Sie die Option zum Verzögern des JS-Parsings aktivieren und die Optionen im Plugin speichern.
JS DEFER-EINSTELLUNGEN FÜR BEIDE PLUGINS
WP-Rocket
Auto-optimize
Testen Sie nun Ihre Website erneut unter GtMetrix, um zu sehen, ob das Problem wirklich gelöst ist.
Anzeige