Préchargement — la page suivante est déjà prête.
Preload des ressources critiques, prefetch des pages probables, DNS prefetch et preconnect aux origines tierces. Navigation instantanée, fonts qui n'attendent plus, LCP boosté.
Comment ça marche
Quatre techniques de préchargement combinées intelligemment.
Analyse de la page
Détection des ressources critiques : font hero, image LCP, CSS critique, JS framework.
Preload immédiat
Ces ressources sont <link rel="preload"> dans le <head>. Le navigateur les commence avant même de lire le body.
Preconnect tiers
Pour chaque domaine externe (fonts.gstatic, analytics, CDN), une connexion TCP/TLS est ouverte en amont.
Prefetch pages probables
IA prédit les pages suivantes (navigation, articles liés, "voir plus") et les pré-charge en background.
Fonctionnalités clés
Six techniques modernes pour battre la concurrence en vitesse.
🎯
Preload LCP imageDétection auto de l'image "hero" (la plus grosse au-dessus du fold). Preload pour LCP -30%.
🔤
Preload fontsLes fonts critiques (WOFF2) sont preload +
font-display: swap. Plus de FOIT/FOUT visibles.🌐
DNS prefetchPour chaque domaine tiers (Google Fonts, GA, Stripe), résolution DNS faite en amont.
🔗
Preconnect intelligentAu-delà du DNS, ouverture TCP + handshake TLS pour les tiers critiques. -100 à -200ms.
🧠
Prefetch IAApprentissage des chemins de navigation. Les pages les plus probables sont pré-chargées.
📶
Adaptatif au réseauNetwork Information API : si l'utilisateur est en 3G ou data saver, le prefetch est désactivé.
Avant / Après
Sur la navigation d'un blog (article → article suivant).
● Sans prefetch
Latence à chaque clic
Click → 800ms d'attente pour HTML + 1s pour CSS/fonts/images. Sentiment de lenteur perpétuel.
✓ Avec prefetch
Navigation instantanée
La page suivante est déjà en cache navigateur. Click = affichage quasi-immédiat.
Spécifications techniques
Standards modernes du web performance.
Preload<link rel="preload"> images, fonts, CSS
DNS prefetch<link rel="dns-prefetch">
Preconnect<link rel="preconnect"> TLS handshake
Prefetch<link rel="prefetch"> pages probables
Modern preloadSpeculation Rules API (Chrome 121+)
AdaptatifNetwork Information API
Bandwidth limitConfigurable (Mo/min max)
Disponible dansPro · Agency · Founders
Modules Performance connexes
Stack complet pour la vitesse :
Besoin d'aide ? Notre équipe vous répond.
Une question, un cas d'usage spécifique, un problème technique ? Le support Alesta AI répond sous 24h en jours ouvrés.