Performance

Faut‑il précharger ses ressources ?

Annoncer un fichier au navigateur avant qu’il ne le découvre fait gagner des centaines de millisecondes. Sur quoi c’est utile, et pourquoi en abuser ralentit tout.

Précharger ses ressources : une file de chargements, la ressource importante ramenée en tête, et la page qui affiche son image tout de suite

Le préchargement consiste à dire au navigateur, dès la première ligne de la page : « tu auras besoin de ce fichier, va le chercher tout de suite ». C’est efficace, et facilement contre‑productif.

Le problème que cela règle

Certains fichiers ne sont découverts que tard. Une police, par exemple, n’est connue qu’après le téléchargement de la feuille de style qui la mentionne : le navigateur perd deux temps avant même de commencer.

Le préchargement supprime cette attente en chaîne. Sur une police ou l’image principale d’une page, le gain se mesure en centaines de millisecondes.

Précharger ne rend rien plus rapide. Cela évite d’attendre avant de commencer.

Sur quoi c’est utile

  • Les polices auto‑hébergées, découvertes tardivement. C’est le cas le plus rentable.
  • L’image principale du haut de page, celle qui détermine le temps d’affichage mesuré.
  • Rien d’autre, en général. Sur un site d’entreprise, deux ou trois préchargements suffisent.

Pourquoi en abuser ralentit

Le navigateur ne dispose que d’une bande passante. Précharger dix fichiers, c’est demander qu’ils soient tous prioritaires, donc qu’aucun ne le soit.

Pire : un fichier préchargé mais finalement inutilisé sur la page est purement gaspillé. Le navigateur le signale d’ailleurs dans sa console, et c’est un avertissement que personne ne lit.

La différence avec la préconnexion

La préconnexion prépare seulement la liaison vers un autre domaine, sans rien télécharger. Elle est utile quand vous savez qu’un domaine externe sera contacté, par exemple pour une police ou un outil de mesure.

C’est plus léger qu’un préchargement, et cela ne coûte presque rien. Mais la vraie solution reste de réduire le nombre de domaines contactés : une police rapatriée sur votre serveur n’a plus besoin d’aucune préparation.

Sur le même sujet : La minification : à quoi sert‑elle vraiment ? · Comment lire un rapport Lighthouse sans être développeur ?

Cette question vous concerne ?

Décrivez‑moi votre situation en deux lignes. Je vous donne mon avis, sans engagement.

Réponse sous 24 h · Premier échange offert