Qu’est‑ce qu’une ressource bloquante ?

C’est la mention qui revient dans tous les rapports de vitesse, et rarement expliquée. Elle désigne un mécanisme simple, dont la correction donne souvent le gain le plus visible.

Le mécanisme

Le navigateur lit la page de haut en bas. Quand il rencontre une feuille de style ou un script, il s’arrête et attend le fichier avant de continuer.

La raison est logique : le style peut changer l’apparence de tout ce qui suit, et un script peut modifier la page. Afficher avant serait risquer de tout redessiner ensuite.

Le texte de votre page est arrivé depuis longtemps. C’est un fichier de style qui empêche de l’afficher.

Les trois façons de débloquer

• Différer les scripts : ils se téléchargent en parallèle et s’exécutent à la fin. Un attribut suffit, et cela règle la majorité des cas sans rien casser.
• Ne charger que ce qui sert : une extension utilisée sur une seule page n’a pas à charger son style sur les quarante autres.
• Placer en priorité le style du haut de page et charger le reste ensuite. C’est efficace et délicat : mal fait, la page s’affiche brièvement sans mise en forme.

Les polices, cas particulier

Elles bloquent le texte, pas la page. Tant que la police n’est pas arrivée, le navigateur affiche du vide, ou une polices web ralentissent‑elles un site ? »>police de secours qu’il remplacera ensuite en faisant sauter la mise en page.

Une ligne de configuration règle cela : afficher immédiatement avec une police de secours, et basculer à l’arrivée. C’est le gain le plus rapide de tout le sujet.

Ce qu’il ne faut pas faire

Différer tous les scripts sans distinction. Certains doivent s’exécuter avant l’affichage : un bandeau de consentement, une bascule de thème. Différés, ils produisent un scintiment visible à chaque chargement.

La méthode reste la même partout : on change une chose, on mesure, on vérifie que la page fonctionne encore. Tout activer d’un coup dans un outil d’optimisation, c’est ne plus savoir ce qui a cassé quoi.

Sur le même sujet : Core Web Vitals : que mesurent LCP, CLS et INP ? · Pourquoi mon site WordPress est‑il devenu lent ?