Ce retard supplémentaire peut être évité sans endommager lamp;rsquoapparence de la page avant le rendu. De plus, cela réduit le temps de chargement. Lamp;rsquoastuce est de retarder le chargement des scripts et des feuilles de style qui namp;rsquoaffectent pas la partie de la page que les visiteurs voient immédiatement après leur connexion.
En damp;rsquoautres termes, empêcher le navigateur de charger des fichiers qui namp;rsquoaffectent pas le Haut de la page que lamp;rsquoutilisateur 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 il est important de se familiariser avec lamp;rsquooutil 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 namp;rsquoy 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é à lamp;rsquoé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 camp;rsquoest faisable. votre site namp;rsquoest pas assez performant, Google 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 deviné quamp;rsquoil y a des plug ins pour résoudre ce problème sans avoir à écrire une ligne de code? camp;rsquoest le cas, tu as raison.
Alternativement, passez le curseur sur namp;rsquoimporte quel lien, faites un clic droit et copiez lamp;rsquoadresse du lien. Damp;rsquoabord, nous minimiserons les fichiers JS, puis nous copierons namp;rsquoimporte quel lien. JS. Utilisez le lien copié pour retourner au tableau de bord WordPress. Cette fois, allez à performance amp;gt amp;gt réduire à lamp;rsquoicône amp;gt Réduit à lamp;rsquoicône
Ensuite, concentrez 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 jusquamp;rsquoà 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 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 simplement de copier les liens de style css à partir de Google page speed Insights au lieu des liens de ressources JS.
Lorsque 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 y attendiez, la première chose que devez faire est damp;rsquoinstaller et damp;rsquoactiver le plug in. Une fois installé et activé, passez directement du tableau de bord aux paramètres amp;gt amp;gt optimisation automatique. amp;gt Optimisation automatique
K1oyruizkyhp5k2a. Papouasie Nouvelle Guinée
Comment supprimer JavaScript et CSS qui bloquent le rendu dans WordPress
