Définition
Le contenu 'above the fold' (au-dessus de la ligne de flottaison) est la partie de la page visible sans faire défiler. L'optimisation de cette zone est cruciale pour les Core Web Vitals, en particulier le LCP (Largest Contentful Paint) qui mesure le temps d'affichage du plus grand élément visible. Les techniques incluent : inlining du CSS critique pour le premier écran, preloading des images hero, éviter le lazy loading pour les images ATF, réduire le nombre de requêtes pour le contenu initial, dimensionner correctement les images et réservés d'espace (éviter le CLS), et charger les scripts non essentiels en defer. Google a historiquement pénalisé les sites avec trop de publicités above the fold (Google Page Layout Algorithm). L'objectif est que le contenu principal et le LCP élément soient visibles en moins de 2.5 secondes.
Points clés à retenir
- Le LCP élément doit être visible en moins de 2.5s
- Ne jamais lazy-loader les images above the fold
- Preloader les ressources critiques du premier écran (hero image, fonts)
Exemples concrets
Hero image optimisée
Un site e-commerce precharge son image hero avec <link rel='preload'> et utilise le format WebP avec des srcset responsive. Le LCP passe de 3.5s a 1.8s.
Contenu publi above the fold
Un site d'actualités avec 3 publicités above the fold et le contenu éditorial en dessous constaté une pénalité. Après réorganisation (contenu en premier, 1 pub maximum ATF), le trafic organique remonte de 25%.
Questions fréquentes
La zone ATF varie selon les appareils. Utilisez les DevTools Chrome en mode responsive pour visualiser ce qui est visible sans scroll sur différentes tailles d'écran. Le coverage tool et le Performance panel aident a identifier les ressources chargees pour cette zone.
Oui, depuis le Page Layout Algorithm (2012). Google pénalisé les pages ou le contenu principal est pousse sous la ligne de flottaison par des publicités. La règle est : le contenu utile doit être visible immédiatement sans avoir a scroller.
Termes liés
Aller plus loin avec LemmiLink
Découvrez comment LemmiLink peut vous aider à mettre en pratique ces concepts SEO.
Dernière mise à jour : 2026-02-07