Arregla Google PageSpeed ​​Elimina el bloqueig de representació de JavaScript i CSS en el contingut superior

Arregla Google PageSpeed ​​Elimina el bloqueig de representació de JavaScript i CSS en el contingut superior

La prova de Google PageSpeed ​​[1] elimina el bloqueig de representació de JavaScript i CSS en el contingut de la part superior del contingut. Li proposem que lliuri els fitxers JS i CSS del vostre lloc després d'haver carregat completament l'HTML i, per tant, no detingueu la vostra càrrega HTML per descarregar-los.

Per tal d'ajornar la càrrega dels vostres fitxers JS [2], podeu afegir les instruccions asínc o diferir als enllaços de les seqüències d'ordres. Async no garanteix que estiguin carregats en la mateixa seqüència, per tant, si teniu diverses seqüències d'ordres que s'han d'executar un després de l'altre, és preferible garantir la difusió de la seqüència:

<script defer type="text/javascript" src="./js/mootools-more-1.4.0.1.js"></script>

Perquè es carregui el CSS després que es transmeti l'HTML complet, Google proposa [3] aquesta peça de codi per afegir al final del vostre codi HTML, per exemple, després de l'etiqueta de tancament del peu i abans de l'etiqueta de tancament del cos:

</footer>
 <script>
 var cb = function() {
 var l = document.createElement('link'); l.rel = 'stylesheet';
 l.href = './style.css';
 var h = document.getElementsByTagName('head')[0]; h.parentNode.insertBefore(l, h);
 };
 var raf = requestAnimationFrame || mozRequestAnimationFrame ||
 webkitRequestAnimationFrame || msRequestAnimationFrame;
 if (raf) raf(cb);
 else window.addEventListener('load', cb);
 </script>
</body>

Això em va permetre passar la prova de Google PageSpeed ​​[1] Eliminar el Javascript i el CSS de representació de bloqueig en un contingut superior (juntament amb Leverage browser caching [4]) en un lloc web, pujant des d'una puntuació de 51 en mòbils ( Fig 1) a 72 (Fig 2) i fins a 59 (Fig 3) a 79 a l'escriptori (Fig 4).

Com eliminar recursos que bloquegen el rendiment a WordPress

Per eliminar recursos de bloqueig de representacions a WordPress, és necessari instal·lar un connector com JetPack.

A continuació, aneu a les opcions per a les quals heu de ser administrador i aneu a les opcions de JetPack> Escriptura> Rendiment i velocitat> comprovar Habilita l’accelerador de lloc, accelerar els temps de càrrega d’imatges, accelerar els temps de càrrega de fitxers estàtics i activar la càrrega per imatges.

Això eliminarà els recursos que bloquegen el rendiment a WordPress i carregaran les pàgines més ràpidament, permetent a JetPack optimitzar les vostres imatges i servir les vostres imatges i fitxers estàtics (com CSS i JavaScript) de la seva xarxa global de servidors.

Com eliminar el JavaScript i el CSS que bloquegen el rendiment en WordPress

Articles similars

Comentaris (11)

Louise Cooper, 2018-08-19
Любовь, читающая ваш контент, продолжайте публиковать
Monica Lindsey, 2018-08-19
Así que así es como lo hacemos, es genial saber
Van Santiago, 2018-08-19
Ótimo, é exatamente isso que eu estava procurando, agora estou pronto
Dwayne Peters, 2018-08-19
당신의 내용을 읽는 것을 좋아하고, 계속 게시하십시오.
Leo Cannon, 2018-08-19
น่าอัศจรรย์ตอนนี้ก็ถึงเวลาที่ฉันจะลอง!
Lawrence Rogers, 2018-08-19
Don’t know how to thank you, but that is pure genius, thanks
Ludanulema, 2018-08-19
Բարեւ, ես տեսա ձեր հոդվածը, եւ դա օգնեց ինձ լուծել խնդիրը, շնորհակալություն
animeg2Q, 2018-08-19
سأحاول ذلك الآن ، شكرًا على المشاركة
Gasfackele, 2018-08-19
To pro mě dobře fungovalo, není třeba se dívat dál
utumikaji0, 2018-08-19
Hej, jag såg din artikel och det hjälpte mig att lösa mitt problem, tack så mycket
quranapk, 2018-12-31
Любовь, читающая ваш контент, продолжайте публиковать

Deixa un comentari