Comment supprimer JavaScript et CSS qui bloquent le rendu dans WordPress

Ce retard supplémentaire peut être évité sans endommager l’apparence de la page avant le rendu. De plus, cela réduit le temps de chargement. L’astuce est de retarder le chargement des scripts et des feuilles de style qui n’affectent pas la partie de la page que les visiteurs voient immédiatement après leur connexion.
En d’autres termes, empêcher le navigateur de charger des fichiers qui n’affectent pas le Haut de la page que l’utilisateur voit avant de faire défiler vers le bas résoudra ce problème. Cette partie de la page Web est appelée au – dessus du contenu plié (ATF). Avant de lire cet article, il est important de se familiariser avec l’outil Google page speed Insight. Google page speed Insights est préférable de tester le javascript et le CSS avant de prendre des mesures pour éliminer les obstacles au rendu. Il n’y a pas de meilleur outil que celui – ci pour tester la performance du site Google PageSpeed Insights. Allons là – Bas et faisons quelques tests. Tapez un lien vers le site Web dans la section URL. Ensuite, cliquez sur le bouton analyser. Une fois le test terminé, le score de performance de votre site sera affiché à l’écran. Les sites les plus performants sont ceux qui ont obtenu des scores compris entre 90 et 100. Un appel dur? Je parie que oui, mais c’est faisable. Si votre site n’est pas assez performant, Google vous donnera quelques conseils pour améliorer ses performances. Une des astuces les plus probables est de supprimer les ressources qui bloquent le rendu. Gardez cet onglet ouvert parce que nous le verrons plus tard. Comment supprimer JavaScript et CSS qui bloquent le rendu avez – vous deviné qu’il y a des plug – ins pour résoudre ce problème sans avoir à écrire une ligne de code? Si c’est le cas, tu as raison.
Alternativement, passez le curseur sur n’importe quel lien, faites un clic droit et copiez l’adresse du lien. D’abord, nous minimiserons les fichiers JS, puis nous copierons n’importe quel lien. JS. Utilisez le lien copié pour retourner au tableau de bord WordPress. Cette fois, allez à performance > > réduire à l’icône > Réduit à l’icône \ Ensuite, concentrez – vous sur la section gestion de fichiers JS. Cliquez sur le bouton Ajouter un script. Collez le lien de ressource JS précédemment copié dans le champ fourni. Répétez le processus jusqu’à ce que toutes les URL soient collées dans une ressource JavaScript. Après avoir ajouté le script JS, sur la même page, faites défiler vers le bas vers la section CSS. Lorsque vous activez la réduction des paramètres CSS, cliquez sur le bouton Ajouter une feuille de style. Faites exactement la même chose que la section JS. Assurez – vous simplement de copier les liens de style css à partir de Google page speed Insights au lieu des liens de ressources JS.
Lorsque vous avez terminé de copier et de coller, cliquez sur le bouton Enregistrer les paramètres et effacer le cache. Maintenant, retournez à Google page speed Insights et ré – analysez votre site. Vous devriez voir des progrès remarquables. Regardons maintenant le deuxième plug – in, qui peut nous aider à supprimer JavaScript et CSS qui bloquent le rendu. Comme vous vous y attendiez, la première chose que vous devez faire est d’installer et d’activer le plug – in. Une fois installé et activé, passez directement du tableau de bord aux paramètres > > optimisation automatique. > Optimisation automatique \
K1oyruizkyhp5k2a. Papouasie – Nouvelle – Guinée \