Table des matières:

Comment reporter le blocage du rendu CSS ?
Comment reporter le blocage du rendu CSS ?

Vidéo: Comment reporter le blocage du rendu CSS ?

Vidéo: Comment reporter le blocage du rendu CSS ?
Vidéo: Comment éliminer les ressources qui bloquent le rendu dans WordPress | Tutoriel 2024, Peut
Anonim

La solution la plus courante, pour reporter le chargement de votre rendu bloquant CSS , et réduire rendre - blocage les allers-retours sont appelés loadCSS par Filament Group. La dernière version tire parti de l'attribut pas encore entièrement pris en charge qui permet le chargement asynchrone de CSS.

Alors, comment corriger le blocage de rendu ?

Correction du blocage du rendu JavaScript utilisant W3 Total Cache Ensuite, vous devez visiter la page Performances » Paramètres généraux et faire défiler jusqu'à la section Minify. Vous devez d'abord cocher « Activer » à côté de l'option de minification, puis sélectionner « Manuel » pour l'option de mode de minification. Cliquez sur le bouton Enregistrer tous les paramètres pour enregistrer vos paramètres.

Deuxièmement, qu'est-ce que l'élimination des ressources bloquant le rendu ? Rendre - blocage des ressources ralentir les temps de chargement des pages perçus de votre site WordPress en forçant les navigateurs des visiteurs à retarder le rendu contenu au-dessus de la ligne de flottaison pendant que le navigateur télécharge les fichiers qui ne sont pas nécessaires immédiatement. À éliminer le rendu - blocage des ressources sur WordPress, vous pouvez utiliser des plugins prêts à l'emploi.

A côté de ci-dessus, CSS bloque-t-il le rendu ?

Rendre Blocage CSS . Par défaut, CSS est traité comme un rendre bloquant la ressource, ce qui signifie que le navigateur ne rendre tout contenu traité jusqu'au CSSOM est construit. Le HTML est évident, puisque sans le DOM nous n'aurions rien à rendre , mais le CSS l'exigence peut être moins évidente.

Comment savoir si j'ai des ressources de blocage de rendu ?

Pour identifier les ressources bloquant le rendu:

  1. Recherchez le chargement des ressources non critiques avant le début de la ligne de rendu (via webpagetest.org).
  2. Testez la suppression de ressources via Google Dev Tools pour voir comment le contenu de la page est affecté.
  3. Une fois identifié, travaillez avec les développeurs pour trouver la meilleure solution pour différer les ressources bloquant le rendu.

Conseillé: