FRFAM.COM >> Famille >> Technologie &Innovation >> Informatique

Google AMP : qu'est-ce que c'est, comment ça fonctionne et ses avantages pour les sites mobiles

Google AMP (Accelerated Mobile Pages) est un projet open source lancé par Google pour offrir une navigation fluide et rapide sur les appareils mobiles.

Ce framework promet des performances supérieures, un engagement utilisateur accru et une consommation de données réduite, au bénéfice des internautes comme des éditeurs de sites.

Comment fonctionne AMP ?

Depuis juillet 2018, la vitesse de chargement des pages mobiles est un facteur de classement Google. AMP répond à ce besoin en accélérant la navigation mobile jusqu'à 85 %.

Grâce à des optimisations et restrictions sur HTML, JavaScript et CSS, les pages AMP se chargent quasi instantanément. Des composants AMP spécifiques remplacent le JavaScript personnalisé pour garantir rapidité et compatibilité.

La vitesse s'améliore via la priorisation du "above the fold", les caches AMP dédiés et le prérendu. L'usage de fichiers légers, médias optimisés et un minimum de requêtes serveur renforcent ces performances.

Les layouts AMP assurent un affichage correct même avant le chargement des images ou iframes (publicités), en spécifiant leurs dimensions (layout statique), évitant ainsi les reflows.

Qu'est-ce que le cache AMP ?

Les pages AMP valides sont automatiquement mises en cache dans l'écosystème AMP, stockant documents, polices et images.

Deux caches principaux : Google AMP Cache et Cloudflare AMP Cache (102 emplacements dans 50 pays).

Le cache se met à jour à chaque accès, diffusant la version fraîche instantanément. Il applique des optimisations :

  • Validation AMP.
  • Limitation des dimensions d'images pour éviter surcharge mémoire.
  • Suppression de métadonnées inutiles.
  • Conversion en WebP (formats mobiles optimisés).
  • Réduction qualité avec en-tête Save-Data.
  • Support images responsive.
  • HTTPS, SPDY/HTTP/2.
  • Sanitisation anti-XSS.

Plus de détails sur Google Developers.

Quels sont les vrais avantages d'AMP ?

La vitesse est le principal atout, adopté par Google, Facebook, Twitter, etc. Elle booste l'engagement et réduit les rebonds.

Idéal en zones à faible bande passante ou réseaux lents (aéroports, cafés).

Étude Forrester (2017, commandée par Google) : +10 % trafic, x2 temps sur page ; +20 % conversions e-commerce.

"AMP entraîne une augmentation de 10 % du trafic avec un temps sur page doublé. Pour l'e-commerce, +20 % de conversions."

Le carrousel Top Stories mobile Google n'affiche que du contenu AMP.

Exemples : New York Times, eBay, AliExpress (icône AMP en recherche mobile).

AMP Stories

Nouvelle fonctionnalité 2018 : format visuel comme Snapchat Stories (ex. CNN missions spatiales, Mashable Black Panther).

AMP Story Ads disponibles via Google Ad Manager pour publicités full-screen.

Quels sont les inconvénients d'AMP ?

Google AMP : qu est-ce que c est, comment ça fonctionne et ses avantages pour les sites mobiles

Dans Google, Twitter, etc., liens externes s'ouvrent dans le viewer AMP, pas sur votre domaine : perte de vues, revenus pubs, tracking (sauf Google Analytics).

Top Stories et résultats mobiles favorisent AMP, priorisant ses pages sur les responsive standards.

Google AMP : qu est-ce que c est, comment ça fonctionne et ses avantages pour les sites mobiles

Non systématique selon OS/app. Cloudflare active liens AMP optionnels.

Design et visualisation AMP

Restrictions AMP simplifient le visuel vs sites responsive. Plugins WordPress offrent versions basiques.

Conception manuelle possible pour plus d'attrait.

Critiques : dépendance Google pousse à chercher alternatives.

Devez-vous implémenter AMP ?

Avantages pour gros volumes de contenu. Alternatives : optimiser JS, serveur, fichiers sans AMP.

Plugins WordPress/Drupal ou docs AmpProject.

Site AmpProject en AMP pur : exemple responsive.

Étude Stonetemple : bénéfices engagement/conversion si bien implémenté.

Évaluez pour votre audience ; pages mobiles optimisées suffisent souvent.

Comment désactiver AMP

Guide Google suppression cache.

Utilisateurs : désactiver AMP pour pages originales.

[]