Ich benutze WordPress und ein Thema und machte einige Änderungen in diesem Thema, wenn ich die Seitengeschwindigkeit erhöhen Google Page Speed-Tester sagt, dass ich alle blockierenden Skripte und Stile entfernen muss.Wie man Render-blockierenden JavaScript und StyleSheet in Wordpress entfernen?
Ich weiß nicht, was ist die Render-Blockierung und wie dies zu lösen, kann mir jemand helfen, das wichtige Problem zu beheben.
Dank
Hier können zum Beispiel sagen, dass Ihre <head> Abschnitt wie diese, wie so
<!DOCTYPE html>
<html>
<head>
<title>css - How to Remove render-blocking JavaScript and StyleSheet in wordpress? - Stack Overflow</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//cdn.sstatic.net/Js/stub.en.js?v=6c41e89d8d17"></script>
</head>
nur sieht die Skriptdateien auf dem unteren Rand des Dokuments oder der footer.php Datei verschieben
<!DOCTYPE html>
<html>
<head>
<title>css - How to Remove render-blocking JavaScript and StyleSheet in wordpress? - Stack Overflow</title>
</head>
<body>
<!-- all your other codes here -->
<!-- then your scripts right before the closing body tag -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script src="//cdn.sstatic.net/Js/stub.en.js?v=6c41e89d8d17"></script>
</body>
</html>
Wenn Sie alle Skripte aus dem Kopf und direkt vor dem schließenden Tag verschieben, dann sollte diese Nachricht in los gehen ogle-Seitengeschwindigkeit
Bitte beachten Sie, dass es immer noch einen Fehler/eine Meldung über CSS-Stylesheet hat Rendern blockieren .. Nun, würde ich einfach ignorieren, da ich möchte, dass meine CSS vor dem Dokument zu rendern, also würde ich nicht entfernen die <head>.
ich lösen entfernen Render-blocking JavaScript wie folgt:
<script src="filename.js"></script>
Replace with Following:
<script src="filename.js" defer></script>
<script src="filename.js" async="async"></script>
Einfach, aber effektiv mit "Defer" – James
Diese Lösungen sind nur Teillösungen .. Methoden des inlining, Skripte am Boden platzieren, mit asynchroner oder aufzuschieben sind nicht die beste Lösung. Wenn du die Seite zuerst laden und dann die js laden willst.
für JS Ort dieser Code nach dem </body > Tag
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "yourjavascripttoload.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
Src: Patrick Sexton https://varvy.com/pagespeed/render-blocking.html
Dank Kumpel .... – biswajitGhosh
danke, aber was ist, wenn Ich möchte diese Fehlermeldung auch entfernen, gibt es eine Möglichkeit? – thekosmix