Qu’est-ce que les AMP ?

Les AMP (Accelerated Mobile Pages) sont un format de pages web open source initié par Google. Elles sont  conçues spécifiquement pour s’afficher instantanément sur les appareils mobiles.

En simplifiant le code HTML et en limitant les éléments visuels, les AMP offrent une expérience utilisateur fluide et rapide.

Les avantages des AMP en web performance

Le premier avantage est l’augmentation significative de la vitesse de chargement. Les accelerated mobiles pages réduisent considérablement le temps de chargement des pages favorisant les Core Web Vitals et l’expérience utilisateur.

Des pages ultra-rapides améliorent le référencement mobile. En effet, Google privilégie les pages AMP dans ses résultats de recherche mobile. La vitesse de chargement est prise en compte par les algorithmes dans le calcul du score de votre page. Plus elle est rapide, plus est visible !

Une page qui se charge rapidement incite les utilisateurs à rester plus longtemps et réduit ainsi le taux de rebond. Le visiteur est frustré par un site lent et aura tendance à le quitter rapidement.

Le badge AMP dans les résultats de recherche attire naturellement l’œil des utilisateurs. Entre deux pages équivalentes, la version AMP est plus cliquée. Votre CTR est favorisé. Le badge AMP vous différencie de la concurrence. Dans un environnement où de nombreuses pages proposent un contenu similaire, le badge fait pencher la balance en faveur de votre page.

Elles sont généralement mieux indexées par les moteurs de recherche améliorant votre visibilité globale. Les robots d’indexation parcourent plus de vos pages AMP pour un même budget de crawl.

Comment fonctionnent les AMP ?

Pour créer une accelerated mobile page, il est nécessaire d’utiliser un code HTML spécifique, plus restreint que le HTML standard.

Les éléments visuels et les scripts sont limités afin d’optimiser au maximum la vitesse de chargement. Google met à disposition un cache AMP qui stocke les pages AMP et les sert directement aux utilisateurs, réduisant ainsi la latence.

Pour gagner en vitesse, le code AMP élimine les éléments visuels complexes (animations, carrousels…) et les scripts non essentiels (tracking, publicités…).

Les accelerated mobiles pages utilisent des composants prédéfinis (ex : amp-img, amp-carousel) qui sont optimisés pour un chargement rapide.

Le code AMP est soumis à des règles de validation strictes pour garantir sa conformité et sa performance.

Le rôle du cache AMP ?

Le cache est un système mis en place par Google pour accélérer encore plus le chargement des pages mobiles. Il fonctionne de la manière  suivante.

1. Lorsque Google découvre une accelerated mobile page, elle est ajoutée au cache AMP.
2. Le contenu de la page (texte, images, etc.) est stocké dans le cache.
3. Quand un utilisateur recherche une page AMP, Google sert directement la version stockée dans le cache, ce qui élimine le besoin de télécharger l’intégralité de la page depuis le serveur du site web.

Les avantages du cache ?

• Réduction de la latence car en servant directement la version cache de la page, Google réduit considérablement le temps de chargement.
• Meilleure disponibilité de la page. En effet, le cache AMP assure une disponibilité immédiate des pages même en cas d’erreur type 500 sur le serveur du site web.
• Économies de bande passante parce qu’en utilisant le cache, les sites web réduisent la charge sur leurs serveurs et économisent, de ce fait, de la bande passante.

En résumé :

Les AMP fonctionnent grâce à une combinaison de facteurs :

• Un code HTML simplifié et optimisé pour réduire la taille des fichiers et le nombre de requêtes.
• Des composants mobiles prédéfinis pour des éléments visuels optimisés.
• Un cache AMP géré par Google pour une livraison ultra-rapide des pages.