Sto usando wordpress e un tema e ho apportato alcune modifiche a questo tema, quando voglio aumentare la velocità della pagina tester di Google Page Speed dice che ho bisogno di rimuovere tutti gli script e gli stili di blocco.Come rimuovere JavaScript per il blocco del rendering e StyleSheet in wordpress?
Non so quale sia il blocco di rendering e come risolverlo, chiunque può guidarmi a risolvere l'importante problema.
Grazie
permette di dire ad esempio vostra sezione <head> assomiglia a questo
<!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>
basta spostare i file di script per la parte inferiore del documento, o il file footer.php, in questo modo
<!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>
Se spostate tutti gli script fuori dalla testa e a destra prima del tag di chiusura </body>, allora questo dovrebbe sbarazzarsi di quel messaggio in uscita velocità della pagina ogle.
Si prega di notare che potrebbe ancora dare un errore/messaggio sul foglio di stile CSS è rendere il blocco .. beh, vorrei semplicemente ignorare che, dal momento che voglio che il mio css per rendere prima che il documento, in modo da non rimuovere tale da il <head>.
risolvo Rimuovere rendono bloccante JavaScript come segue:
<script src="filename.js"></script>
Replace with Following:
<script src="filename.js" defer></script>
<script src="filename.js" async="async"></script>
Semplice ma efficace con 'differire' – James
Queste soluzioni sono solo soluzioni parziali .. metodi di inline, ponendo gli script in fondo, utilizzando asincrona o differire non sono la soluzione migliore. Se vuoi lasciare caricare la pagina prima e poi caricare il js.
per JS inserire questo codice dopo la </corpo > 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
Grazie amici .... – biswajitGhosh
grazie, ma cosa succede se Voglio rimuovere anche quel messaggio di errore, c'è qualche modo? – thekosmix