Indices de ressources
Les indices de ressources sont des instructions placées dans le code (preload, prefetch, preconnect, dns-prefetch) qui signalent au navigateur les fichiers ou connexions à préparer en avance. Contrairement à un chargement passif où tout attend son tour, ces indices anticipent les besoins pour gagner du temps sur les ressources vraiment importantes.
Indices de ressources : quel impact pour le SEO ?
En soufflant au navigateur quoi récupérer avant même d’en avoir besoin, ces indices écourtent les temps d’attente et fluidifient l’affichage, un confort que Google associe à une bonne expérience de page. Le tour d’horizon commence avec le guide pour utiliser les indices de ressources et accélérer le chargement. De là, vous pouvez précharger les ressources critiques avec rel=preload et anticiper les connexions réseau avec preconnect et dns-prefetch.
Certains cas méritent un traitement sur mesure. Les typographies, par exemple, se règlent en apprenant à précharger les polices facultatives sans décalage ni FOIT, dans le prolongement du guide pour optimiser le chargement des polices web. Pour les contenus lourds, voyez aussi comment précharger l’audio et la vidéo pour une lecture rapide.
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link rel="preload" href="/fonts/inter.woff2" as="font" type="font/woff2" crossorigin />
<link rel="dns-prefetch" href="https://www.google-analytics.com" />
Exemples
- Préchargement d’une image clé : avec
rel=preload, le navigateur récupère à l’avance une ressource critique au lieu d’attendre son tour. - Connexion anticipée : grâce à
preconnectoudns-prefetch, le navigateur prépare une connexion réseau avant d’en avoir besoin.
Quiz : testez vos connaissances
Quiz : testez vos connaissances
-
À quoi servent les indices de ressources placés dans le code ?
- Empêcher l'indexation de la page par Google
- Signaler au navigateur les fichiers ou connexions à préparer en avance
- Augmenter le budget des campagnes publicitaires
Les indices de ressources comme
preloadoupreconnectanticipent les besoins du navigateur pour gagner du temps.Pour aller plus loin : Utiliser les indices de ressources pour accélérer le chargement
-
Quel indice de ressource sert à précharger les ressources critiques ?
- rel=nofollow
- rel=preload
- rel=canonical
On précharge les ressources critiques avec
rel=preloadpour qu’elles soient prêtes plus tôt.Pour aller plus loin : Précharger les ressources critiques avec rel=preload
-
Quels indices permettent d'anticiper les connexions réseau ?
- noindex et nofollow
- preconnect et dns-prefetch
- hreflang et canonical
Les indices
preconnectetdns-prefetchpréparent à l’avance les connexions réseau utiles.Pour aller plus loin : Anticiper les connexions réseau (preconnect, dns-prefetch)
Besoin d'accompagnement SEO ?
Nos experts vous aident à mettre en pratique.