Définition
Le contenu 'above the fold' (au-dessus de la ligne de flottaison) est la partie de la page visible sans faire defiler. 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 element visible. Les techniques incluent : inlining du CSS critique pour le premier ecran, preloading des images hero, eviter le lazy loading pour les images ATF, reduire le nombre de requetes pour le contenu initial, dimensionner correctement les images et reserves d'espace (eviter le CLS), et charger les scripts non essentiels en defer. Google a historiquement penalise les sites avec trop de publicites above the fold (Google Page Layout Algorithm). L'objectif est que le contenu principal et le LCP element soient visibles en moins de 2.5 secondes.
Points clés à retenir
- Le LCP element doit etre visible en moins de 2.5s
- Ne jamais lazy-loader les images above the fold
- Preloader les ressources critiques du premier ecran (hero image, fonts)
Exemples concrets
Hero image optimisee
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'actualites avec 3 publicites above the fold et le contenu editorial en dessous constate une penalite. Apres reorganisation (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 differentes tailles d'ecran. Le coverage tool et le Performance panel aident a identifier les ressources chargees pour cette zone.
Oui, depuis le Page Layout Algorithm (2012). Google penalise les pages ou le contenu principal est pousse sous la ligne de flottaison par des publicites. La regle est : le contenu utile doit etre visible immediatement 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