beim Ausführen eines Website-Geschwindigkeitstests die PageSpeed Insights aufgefallen
JavaScript in WordPress verzögern
Es gibt drei Hauptwege, um das Parsen von JavaScript in WordPress zu verzögern. Ein WordPress-Plugin bietet hierfür eine hervorragende Lösung. Es gibt sowohl kostenlose als auch kostenpflichtige Plugins. Anhand zweier beliebter Plugins zeigen wir Ihnen, wie das genau funktioniert.
Die Verwendung der Varvy-Methode ist eine Option, wenn Sie ein technisch versierter Benutzer sind und bereit sind, den Code direkt auf Ihrer Website zu bearbeiten, um den Code-Schnipsel von Varvy zu verwenden.
Es ist auch möglich, das Laden von Skripten in der functions.php-Datei Ihres Child-Themes automatisch zu verzögern, indem Sie einen kleinen Code-Schnipsel in die Datei einfügen. Beginnen wir mit der ersten Methode:
1. Kostenloses asynchrones JavaScript-Plugin
Frank Goossens hat ein kostenloses WordPress-Plugin namens Async JavaScript entwickelt, das von demselben Mann entwickelt wurde, der auch hinter dem viralen Autoptimize-Plugin steht.
Damit können Sie das Parsen von JavaScript einfach verzögern, indem Sie async- oder defer-Methoden verwenden.
Um den Vorgang zu starten, installieren und aktivieren Sie zunächst das kostenlose Plugin von WordPress.org. Anschließend können Sie das Plugin im Bereich „Asynchrones JavaScript“ der Einstellungsseite konfigurieren.
Ganz oben können Sie die Funktionalität des Plugins aktivieren und zwischen asynchron und verzögert wählen.
Beim asynchronen Download wird JavaScript heruntergeladen, während das HTML noch analysiert wird. Die HTML-Analyse wird jedoch unterbrochen, um JavaScript auszuführen.
Diese Funktion ermöglicht es, JavaScript herunterzuladen, während HTML noch analysiert wird, und wartet mit der Ausführung, bis HTML analysiert wurde.
Sie können weiter unten auf der Seite festlegen, wie jQuery verarbeitet wird. Wenn Sie versuchen, das Parsen Ihrer jQuery-Skripte zu verzögern, kann dies die Kernfunktionalität Ihrer Website beeinträchtigen. Sicherheitshalber sollten Sie jQuery ausschließen. Wenn Sie jedoch mit dem Verzögern experimentieren möchten, ist das auch in Ordnung. Testen Sie Ihre Website vor der Veröffentlichung.
Darüber hinaus gibt es eine praktische und benutzerfreundliche Funktion, mit der Sie gezielt bestimmte Themes oder Plugins auf Ihrer Website auswählen können, die verzögert geladen werden sollen oder nicht. Außerdem können Sie manuell bestimmte Skripte von der Verzögerung ausschließen oder einbeziehen.
2. Verwenden Sie das WP Rocket-Plugin
Das WP Rocket-Plugin ist eines der wenigen Caching-Plugins, die wir zulassen, da es über eine integrierte serverseitige Caching-Funktion verfügt, die sich nahtlos in das WP Rocket-Plugin integriert.
Der Tab „Dateioptimierung“ im WP Rocket-Dashboard bietet zahlreiche weitere Optionen zur Leistungsoptimierung sowie die Möglichkeit, das Parsen von JavaScript zu verzögern (zu finden unter dem Tab „Leistung“). Im Abschnitt „JavaScript-Dateien“ gibt es die Option „JavaScript verzögert laden“.
Verwenden Sie die von Varvy empfohlene Methode
Weiter oben in diesem Beitrag erwähnten wir, dass Patrick Sexton von Varvy die Verwendung eines Code-Snippets empfahl, das wartet, bis das erste Laden Ihrer Website abgeschlossen ist, bevor JavaScript heruntergeladen und ausgeführt wird.
Durch Anpassen des von Varvy bereitgestellten Code-Snippets und anschließendes Hinzufügen des Skripts direkt vor dem schließenden Tag des Body-Tags können Sie diese Methode implementieren, indem Sie das von Varvy bereitgestellte Code-Snippet als Vorlage verwenden.
Weitere Artikel wie diesen finden Sie im Seahawk Media Blog .
Möchten Sie Ihre WordPress-Website beschleunigen? Dann entscheiden Sie sich für unseren WordPress-Geschwindigkeitsoptimierungsservice .
