AMP

Définition courte

AMP (Accelerated Mobile Pages) est un framework open-source créé par Google pour charger des pages mobile en moins de 1 seconde, en utilisant un HTML restrictif mis en cache sur les serveurs Google.

Définition complète

AMP impose des contraintes strictes : HTML limité ( AMP HTML ), CSS inline uniquement, JavaScript asynchrone interdit (sauf composants officiels). Le résultat : pages servies depuis le Google AMP Cache (CDN ultra-proche de l'utilisateur). Le Time to First Byte est réduit à 0,4-0,8s contre 2-4s pour une page classique mobile. Les pages AMP bénéficient d'un label distinctif (⚡) dans les résultats de recherche, augmentant le CTR de 10-20%.

Pensée simple

C'est un service de livraison express avec packaging standardisé : au lieu de emballer chaque produit différemment, tout est placé dans des boites préformatées (composants AMP) qu'un démon livre en urgence depuis un entrepôt voisin.

Les 3 piliers d'AMP

AMP HTML (Langage simplifié)

Le HTML AMP est un sous-ensemble restrictif : pas de

, pas de , pas de CSS externe. Chaque balise devient , , . Cette simplification élimine les goulets d'étranglement du parsing. Les images obligent les dimensions explicites (width/height) pour éviter le CLS (Cumulative Layout Shift).

AMP Cache (Réplication géographique)

Les pages AMP sont pré-rendues et stockées dans le Google AMP Cache, un réseau de serveurs répartis mondialement. Quand un utilisateur clique sur un résultat AMP, il reçoit la version cache (latence 50-150ms) plutôt que d'attendre votre serveur d'origine. C'est un CDN gratuit, automatique, optimisé pour la vitesse.

Validation et erreurs (Conformité technique)

Chaque page AMP doit valider les contraintes du framework via l'AMP Validator (intégré dans les outils Google). Une erreur de syntaxe rend la page non-eligible au cache AMP. Les outils de test ( Chrome DevTools, Google PageSpeed Insights ) vérifient la conformité et proposent des correctifs spécifiques.

Le cycle de performance AMP

1. Code : Vous écrivez le code AMP avec les composants restrictifs.
2. Valide : Le validateur Chrome signale les erreurs de syntaxe.
3. Cache : Google pré-calcule et stocke la page dans son cache global.
4. Mesure : Vous mesurez le LCP (Largest Contentful Paint) dans Search Console.
5. Itère : Si le LCP dépasse 2,5s, vous auditez les images non-optimisées et les ressources bloquantes.

Exemple concret

Un site e-commerce avec 15 000 pages produit charge en 3,8s sur mobile. Après migration AMP : LCP moyen passe de 4,1s à 1,2s. Le CTR mobile sur les requêtes commerciales bondit de 8,2% à 14,7% (label AMP visible). Trafic mobile +32% en 60 jours.

Applications pratiques

• Pages éditoriales (articles de blog, guides) : impact SEO direct via label AMP
• Fiches produits e-commerce : migration partielle (priorité haute conversion)
• Pages actualités : Canonical vers version AMP pour indexation rapide
• Landing pages événementielles : validation pre-launch indispensable

Métriques clés

Métrique	Benchmark	Impact
LCP cible AMP	<1s	vs 2,5s standard
TTFB cache AMP	50-150ms	vs 200-800ms serveur origin
CLS AMP	<0,1	grille rigide images
CTR bonus AMP	+10-20%	vs résultat classique