Używam wordpress i motywu oraz wprowadziłem pewne zmiany do tego tematu, kiedy chcę zwiększyć szybkość strony Tester Google Page Speed stwierdza, że muszę usunąć wszystkie skrypty blokujące i style.Jak usunąć blokujące renderowanie JavaScript i arkusz stylów w wordpress?
Nie wiem, co to jest blokowanie Renderowania i jak rozwiązać ten problem, każdy może mi pomóc rozwiązać ten ważny problem.
Dzięki
Powiedzmy na przykład Twój sekcja <head> wygląda następująco
<!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>
prostu przenieść pliki skryptów do dolnej części dokumentu lub pliku footer.php, tak jak
<!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>
Jeśli przeniesiesz wszystkie skrypty z głowy i tuż przed znacznikiem zamykającym </body>, to powinno się pozbyć tej wiadomości w programie szybkość strony.
Należy pamiętać, że może on nadal powodować błąd/komunikat o blokowaniu renderowania arkusza stylów CSS ... cóż, po prostu zignorowałbym to, ponieważ chcę, aby mój css renderował się przed dokumentem, więc nie usunąłbym go z dokumentu <head>.
rozwiązać Usuń czynią blokowania JavaScript następująco:
<script src="filename.js"></script>
Replace with Following:
<script src="filename.js" defer></script>
<script src="filename.js" async="async"></script>
Proste, ale skuteczne użycie "odroczenia" – James
Rozwiązania te są tylko częściowe rozwiązania .. metod inline, umieszczając skrypty na dole, za pomocą asynchronicznie lub odroczenie nie są najlepszym rozwiązaniem. Jeśli chcesz najpierw załadować stronę, a następnie załadować js.
na miejscu ten kod JS po </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
Dzięki kolego .... – biswajitGhosh
dzięki, ale co jeśli Chcę również usunąć ten komunikat o błędzie, czy jest jakiś sposób? – thekosmix