AMP suffit-il vraiment à garantir de bonnes Core Web Vitals ?

Pourquoi Google précise-t-il qu'AMP peut échouer aux Core Web Vitals ?

La déclaration de John Mueller casse une idée reçue tenace : AMP ne serait pas un passe-droit automatique pour les critères de performance. Historiquement, AMP a été vendu comme une solution miracle pour la vitesse — HTML simplifié, JavaScript bridé, CSS inline limité. Beaucoup de SEO ont donc intégré AMP en partant du principe que les Core Web Vitals seraient automatiquement au vert.

Sauf que Google rappelle ici une évidence technique : AMP impose des contraintes, mais ne contrôle pas tout. Le poids des images, les scripts tiers autorisés via amp-analytics ou amp-ad, le rendu côté client, les polices web mal chargées — tout cela peut dégrader le LCP, le CLS ou le FID. Le framework limite les dégâts, il ne les élimine pas d'office.

Quels éléments d'une page AMP peuvent dégrader les Core Web Vitals ?

Le principal coupable reste souvent le Largest Contentful Paint (LCP). Une image hero mal dimensionnée ou servie sans optimisation moderne (WebP, AVIF) plombe le LCP même sur AMP. Les composants amp-img appliquent du lazy-loading par défaut, mais si l'image principale est en bas de la cascade de chargement, le LCP explose.

Le Cumulative Layout Shift (CLS) pose aussi problème : les bannières publicitaires injectées via amp-ad peuvent décaler le contenu si les espaces réservés ne sont pas correctement dimensionnés. Les polices web chargées via @font-face sans font-display:swap provoquent du FOIT (Flash Of Invisible Text) qui détériore l'expérience. Enfin, le First Input Delay (FID) peut souffrir si des composants AMP complexes (carrousels, vidéos) monopolisent le thread principal.

AMP a-t-il encore un intérêt si les Core Web Vitals ne sont pas garantis ?

C'est la question qui fâche. AMP impose des contraintes architecturales lourdes — double stack technique, maintenance séparée, limitations CSS/JS frustrantes. Si l'avantage performance n'est plus automatique, la balance bénéfice/coût penche sérieusement.

En pratique, AMP reste utile dans des contextes spécifiques : actualités éligibles au Top Stories (même si l'obligation AMP a disparu), sites e-commerce avec des catalogues simples, pages de destination publicitaires où le contrôle strict du HTML évite les dérives. Mais pour un site éditorial classique ou un SaaS, investir dans une stack moderne bien optimisée (Jamstack, edge rendering, image CDN) donne souvent de meilleurs résultats sans les contraintes d'AMP.

• AMP n'est pas un bouclier magique : les Core Web Vitals doivent être mesurés et optimisés même sur des pages AMP.
• Les causes d'échec fréquentes : images lourdes, publicités mal dimensionnées, polices web bloquantes, composants complexes.
• L'arbitrage coût/bénéfice : AMP impose une dette technique qui n'est justifiée que si le gain performance ou l'éligibilité Top Stories compensent.
• Le test terrain obligatoire : utiliser PageSpeed Insights et la Search Console pour vérifier chaque template AMP, pas seulement un échantillon.
• Les alternatives modernes : frameworks optimisés (Astro, SvelteKit), edge rendering (Cloudflare Workers), image CDN (Cloudinary, Imgix) peuvent égaler ou dépasser AMP sans les contraintes.

Cette déclaration contredit-elle la promesse initiale d'AMP ?

Oui et non. Google n'a jamais officiellement garanti que toute page AMP passerait les Core Web Vitals — mais le marketing initial du projet laissait clairement entendre que la performance serait au rendez-vous par défaut. Les présentations de 2016-2017 mettaient en avant des scores Lighthouse impeccables, des temps de chargement inférieurs à la seconde.

Sauf que les Core Web Vitals, introduits en 2020, ont déplacé le curseur. Le LCP ne mesure pas la même chose que le First Contentful Paint ou le Speed Index. Le CLS pénalise des comportements qu'AMP ne bloque pas nativement (espaces réservés manquants pour les ads). Le framework a vieilli, les critères ont évolué, et Google ajuste le discours en conséquence. [A vérifier] : aucune statistique publique de Google ne documente le taux de conformité CWV des pages AMP vs non-AMP à données équivalentes.

Quelles sont les limites pratiques d'AMP face aux Core Web Vitals ?

L'architecture même d'AMP pose des contraintes difficiles à contourner. Le lazy-loading obligatoire des images via amp-img améliore le poids initial, mais retarde parfois le LCP si l'image hero n'est pas prioritaire. Les composants amp-carousel ou amp-lightbox ajoutent du JavaScript validé, mais ce JS reste du JS — il peut bloquer le thread principal.

Le vrai problème, c'est que AMP délègue beaucoup aux tiers. Les régies publicitaires injectent leurs propres composants amp-ad, souvent lourds et mal dimensionnés. Les outils analytics (Google Analytics via amp-analytics) ajoutent des requêtes réseau. Les polices Google Fonts, même en AMP, nécessitent une configuration manuelle (preconnect, font-display) pour ne pas plomber le CLS.

Dans quels cas AMP reste-t-il pertinent malgré ces limitations ?

AMP conserve une utilité dans des niches spécifiques. Pour les sites d'actualité éligibles au Top Stories, même si l'obligation AMP a disparu, la version AMP peut servir de fallback rapide pour les lecteurs mobiles avec connexion lente. Les pages AMP sont souvent mises en cache sur les CDN Google, ce qui accélère le TTFB (Time To First Byte) — un avantage négligé mais réel.

Pour les landing pages publicitaires (Google Ads, Facebook Ads), AMP impose un cadre strict qui évite les dérives côté dev (pas de scripts bloquants sauvages, pas de CSS de 2 Mo). Cela force une discipline utile dans des contextes où les équipes marketing ajoutent des pixels de tracking sans concertation. Mais hors de ces cas, la dette technique l'emporte souvent sur le gain : maintenir deux versions (AMP + canonique), synchroniser les contenus, déboguer des comportements spécifiques AMP — tout cela coûte cher.

Comment auditer les Core Web Vitals sur des pages AMP existantes ?

Commence par identifier toutes les URL AMP indexées via la Search Console : rapport Expérience sur la page, filtre par type de page. Exporte la liste complète, pas juste un échantillon — les problèmes CWV sont souvent spécifiques à certains templates (fiches produit, articles avec vidéo, landing pages ads).

Ensuite, teste chaque template avec PageSpeed Insights en mode mobile, sur l'URL AMP réelle (pas le canonique). Relève les métriques terrain (Field Data) issues du Chrome User Experience Report, pas seulement les données labo. Si les Field Data sont absentes (trafic insuffisant), les données labo donnent une indication, mais attention : elles ne capturent pas les comportements publicitaires réels (les ads ne chargent pas toujours en labo).

Quelles optimisations prioritaires appliquer sur des pages AMP défaillantes ?

Pour améliorer le LCP, commence par les images hero : passe en WebP ou AVIF, dimensionne correctement les srcset, ajoute fetchpriority="high" sur l'image principale (AMP supporte cet attribut depuis 2021). Utilise un CDN image qui génère automatiquement les formats modernes et les tailles adaptatives (Cloudinary, Imgix). Vérifie que l'image LCP n'est pas en lazy-loading — amp-img applique du lazy par défaut, sauf si tu ajoutes l'attribut disable-inline-width.

Pour réduire le CLS, réserve systématiquement l'espace des composants dynamiques : amp-ad doit avoir des attributs width/height explicites, les polices doivent utiliser font-display:swap dans le CSS inline. Si tu utilises amp-carousel, définis une hauteur fixe et évite les reflows au chargement des slides. Les bannières cookies ou RGPD doivent apparaître en position fixed sans décaler le contenu existant.

Faut-il abandonner AMP si les optimisations ne suffisent pas ?

C'est une décision business autant que technique. Évalue le coût de maintenance de la stack AMP (double développement, tests spécifiques, débogage des composants) face au trafic réellement servi en AMP. Si moins de 10 % des sessions passent par les URL AMP et que les CWV restent dans le rouge malgré les optimisations, le ROI est questionnable.

Dans ce cas, migrer vers une architecture moderne unifiée (Jamstack avec SSG/SSR, edge rendering, image CDN) simplifie la stack et améliore souvent les performances de manière plus durable. Les frameworks comme Astro ou SvelteKit génèrent du HTML quasi-statique avec un JS minimal, ce qui donne des CWV excellents sans les contraintes AMP. Si tu sors d'AMP, n'oublie pas les redirections 301 des anciennes URL AMP vers les canoniques, et surveille la Search Console pour détecter toute chute de crawl ou d'indexation.

• Auditer tous les templates AMP via Search Console + PageSpeed Insights (Field Data prioritaire).
• Optimiser les images hero : WebP/AVIF, srcset adaptatif, fetchpriority="high", CDN image.
• Réserver l'espace des composants dynamiques (amp-ad, amp-carousel) pour éviter le CLS.
• Configurer les polices web avec font-display:swap et preconnect vers Google Fonts ou équivalent.
• Tester les ads réelles en environnement de staging pour capturer les comportements CLS/LCP.
• Évaluer le coût/bénéfice d'AMP : si le trafic AMP est marginal et les CWV défaillants, envisager une migration vers une stack moderne unifiée.