Techniques avancées de chargement
Contrôlez ce que le navigateur charge, quand et avec quelle priorité.
Choisir la bonne technique
Preload pour les ressources critiques, Speculation Rules pour accélérer la navigation suivante, lazy loading pour le contenu hors écran, defer et async pour ne pas bloquer le rendu.
Dans cette rubrique
- PreloadUtiliser rel=preload et preconnect : image LCP, polices WOFF2, attribut as, fetchpriority. Éviter les préchargements inutiles.
- Speculation RulesSpeculation Rules : règles JSON pour prefetch et prerender, paramètre eagerness, compatibilité Chromium et précautions.
- Lazy loadingLazy loading natif : loading="lazy" pour images et iframes hors écran, exceptions pour l'image LCP, decoding async.
- defer et asyncDifférence entre defer, async et type=module pour les scripts JavaScript, impact sur le LCP et l'INP, bons usages.