Réparer Google PageSpeed ​​Éliminer le blocage du rendu JavaScript et CSS dans le contenu au-dessus de la ligne de flottaison




Résoudre le blocage du rendu Javascript et CSS

Le test  Google PageSpeed‌  ​​[1] Éliminer le rendu JavaScript et CSS dans le contenu au-dessus de la ligne de flottaison vous propose de fournir les fichiers JS et CSS de votre site après le chargement complet du HTML. pour les télécharger.

Did you know that you can even have all these steps executed automatically for you by using an external Accélérateur de vitesse du site technology, which through artificial intelligence will preload your site, optimize it, and deliver it to your visitors? It is possible with tools such as Ezoic platform offering, with a free trial and no credit card required. Otherwise, implement below optimizations in your website!

Différer le chargement des fichiers Javascript

Afin de différer la charge de vos fichiers JS [2], vous pouvez ajouter l'instruction async ou reporter à vos liens de scripts. Async ne garantit pas qu'ils sont chargés dans la même séquence. Par conséquent, si vous avez plusieurs scripts qui doivent être exécutés l'un après l'autre, différer est préférable pour garantir la séquence:

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

Charger CSS après le chargement HTML

Pour que le CSS soit chargé après la transmission du code HTML complet, Google propose [3] d'ajouter ce bout de code à la fin de votre code HTML, par exemple après la balise de fermeture du pied de page et avant la balise de fermeture du corps:

</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>

Passez le test de vitesse du site Google!

Cela m'a permis de réussir le test de  Google PageSpeed‌  ​​[1] Éliminer le JavaScript et le CSS dans le contenu au-dessus de la ligne de flottaison (avec le Leverage Browsing Caching [4]) sur un site web, passant de 51 sur mobile ( Fig 1) à 72 (Fig 2), et en hausse de 59 (Fig 3) à 79 sur le bureau (Fig 4).

Comment éliminer les ressources bloquant le rendu dans WordPress

Pour éliminer les ressources bloquant le rendu dans WordPress, il est nécessaire d’installer un plugin tel que JetPack.

Accédez ensuite aux options pour lesquelles vous devez être administrateur, à Options JetPack> Ecriture> Performances et rapidité> Cochez Activer l'accélérateur de site, accélérer les temps de chargement des images, les temps de chargement des fichiers statiques et activer le chargement images.


Cela éliminera les ressources bloquant le rendu dans WordPress et chargera les pages plus rapidement en permettant à JetPack d'optimiser vos images et de servir vos images et fichiers statiques (tels que CSS et JavaScript) à partir de leur réseau mondial de serveurs.

Comment éliminer le code JavaScript et CSS bloquant le rendu sur WordPress

Avoir un système externe pour optimiser votre site web pour vous

Savez-vous que vous pourriez en fait résoudre tous les problèmes de  Google PageSpeed‌  ​​en votre nom, sans trop d'efforts de votre site - à l'exception de l'inscription à un essai gratuit et de la modification de votre DNS?

En utilisant la technologie Site Speed ​​Accelerator de la plateforme Ezoic, tous les problèmes habituels de  Google PageSpeed‌  ​​seront résolus par leur système, qui sera l'intermédiaire entre votre site Web et les visiteurs. Ils optimiseront la page Web pour vous avant de l'afficher à votre visiteur.

Devenez vert en vous inscrivant simplement à un essai gratuit sur la plate-forme Ezoic et essayez-le par vous-même - ils feront en sorte que votre site Web atteigne les plus hauts standards d'optimisation de la vitesse des pages en quelques jours: restituez des images webp de nouvelle génération, optimisez CSS et JavaScript en supprimant CSS inutilisé et JS, charger des images paresseuses, redimensionner des images, mettre en cache les pages de votre site, optimiser les polices, vous pré-connecter à tous vos sites inclus et bien plus encore.

Aucune carte de crédit requise - tout ce que vous avez à faire est de vous inscrire gratuitement et de l'essayer. De plus, si votre site Web gagne de l'argent grâce aux annonces graphiques, en plus de rendre votre site Web beaucoup plus rapide, il peut également vous faire gagner plusieurs fois plus d'argent que vous ne le faites avec Google AdSense en optimisant vos annonces avec l'apprentissage automatique et l'intelligence artificielle avancée.



Conseil en affaires internationales
A propos de l'auteur - Conseil en affaires internationales
Yoann est consultant en commerce international, facilitateur et coordinateur. Il a travaillé plus de 10 ans dans le commerce mondial, la chaîne d'approvisionnement, la finance, des projets SAP ERP, l'optimisation Web et SEO pour divers secteurs, tels que la logistique, les cosmétiques, les biens de consommation, les soins de beauté ou la mode, dans plus de 30 pays à travers le monde. .
 


commentaires (12)

 2018-08-19  Louise Cooper
Любовь, читающая ваш контент, продолжайте публиковать
 2018-08-19  Monica Lindsey
Así que así es como lo hacemos, es genial saber
 2018-08-19  Van Santiago
Ótimo, é exatamente isso que eu estava procurando, agora estou pronto
 2018-08-19  Dwayne Peters
당신의 내용을 읽는 것을 좋아하고, 계속 게시하십시오.
 2018-08-19  Leo Cannon
น่าอัศจรรย์ตอนนี้ก็ถึงเวลาที่ฉันจะลอง!
 2018-08-19  Lawrence Rogers
Don’t know how to thank you, but that is pure genius, thanks
 2018-08-19  Ludanulema
Բարեւ, ես տեսա ձեր հոդվածը, եւ դա օգնեց ինձ լուծել խնդիրը, շնորհակալություն
 2018-08-19  animeg2Q
سأحاول ذلك الآن ، شكرًا على المشاركة
 2018-08-19  Gasfackele
To pro mě dobře fungovalo, není třeba se dívat dál
 2018-08-19  utumikaji0
Hej, jag såg din artikel och det hjälpte mig att lösa mitt problem, tack så mycket
 2018-12-29  quranapk
Любовь, читающая ваш контент, продолжайте публиковать
 2020-07-27  Framboise
Waou ! Amazing way of life. So lucky to travel all around the US. There are so many beautiful places to see ... Thanks for sharing your experience with such a beautiful energy. It might be hard sometimes in some kind of situations, I couldn't do it. When we listen to you it looks like so easy, just like a dream come true. I admire you. Wish you all the best. Take care.

laissez un commentaire