Accelerated Mobile Pages (AMP) est un framework HTML open source développé par Google en collaboration avec Twitter. Le projet vise à rendre le contenu Web plus rapide et plus convivial pour les utilisateurs mobiles, en offrant une expérience de navigation rationalisée et efficace. AMP y parvient en rendant les pages Web dans un format simplifié mais efficace, réduisant les temps de chargement et améliorant l'engagement des utilisateurs.
La genèse et l'émergence des pages mobiles accélérées
Le projet Accelerated Mobile Pages a été annoncé pour la première fois par Google en octobre 2015. Google s'est associé à une multitude d'éditeurs, d'entreprises technologiques et de plateformes, notamment Twitter, Pinterest, LinkedIn et WordPress.com, pour créer une nouvelle norme plus rapide pour les pages mobiles. contenu Web.
L’objectif principal était de lutter contre l’expérience Web de plus en plus lourde et lente pour les utilisateurs mobiles. L’idée était de supprimer les éléments inutiles et de donner la priorité à la vitesse, le tout sans sacrifier les fonctionnalités attendues par les utilisateurs. En février 2016, AMP a été intégré aux résultats de recherche mobile de Google, marquant ainsi ses débuts officiels.
Expansion sur des pages mobiles accélérées
À la base, Accelerated Mobile Pages est une version allégée du HTML standard. AMP utilise un ensemble spécifique de technologies Web pour fournir des pages Web, en mettant l'accent sur la vitesse et la lisibilité pour les utilisateurs mobiles. Il se compose de trois composants principaux : AMP HTML, AMP JS (JavaScript) et AMP Cache.
AMP HTML est un sous-ensemble de HTML avec des balises et des propriétés personnalisées. Il comprend plusieurs éléments personnalisés intégrés qui contribuent à améliorer les performances, tels que amp-img pour les images et amp-video pour les vidéos.
AMP JS gère la gestion des ressources et le chargement asynchrone, dans le but de fournir le rendu le plus rapide de la page. Il autorise uniquement le JavaScript asynchrone, garantissant qu'aucun script ne bloque le chemin de rendu.
AMP Cache, fourni par Google, sert les pages HTML AMP mises en cache. Le cache est livré avec un système de validation intégré qui confirme si la page répond aux critères AMP, ce qui garantit fiabilité et rapidité.
Le fonctionnement interne des pages mobiles accélérées
Les pages mobiles accélérées utilisent un cadre HTML simplifié et restreignent les éléments HTML, CSS et JavaScript spécifiques, souvent responsables de temps de chargement de page plus lents. AMP utilise le chargement différé, qui permet de charger uniquement le contenu nécessaire lorsqu'un utilisateur ouvre une page Web, améliorant ainsi la vitesse de diffusion du contenu.
Dans le système AMP, JavaScript est réduit au strict minimum. Le JavaScript tiers n'est pas autorisé dans les éléments AMP personnalisés, ce qui permet d'éviter le blocage du rendu. Au lieu de cela, le contenu interactif est géré dans des éléments AMP personnalisés. CSS dans AMP est également intégré et limité en taille, ce qui entraîne moins de données à récupérer.
Le cache AMP joue également un rôle crucial. Lorsqu'un utilisateur demande une page AMP, celle-ci est récupérée du cache Google AMP, ce qui améliore automatiquement les performances de la page.
Principales fonctionnalités des pages mobiles accélérées
-
Vitesse et performances: les pages AMP se chargent plus rapidement que les pages mobiles standards, offrant une expérience utilisateur transparente.
-
optimisation du moteur de recherche: les pages compatibles AMP sont favorisées par l'algorithme du moteur de recherche de Google, ce qui entraîne une plus grande visibilité dans les pages de résultats des moteurs de recherche (SERP).
-
Engagement et monétisation: des chargements de pages plus rapides entraînent un engagement plus élevé des utilisateurs, des taux de rebond plus faibles et une visibilité améliorée des annonces.
-
Analytique: AMP prend en charge un large éventail d'analyses, de réseaux publicitaires et de technologies, avec des dispositions permettant d'accumuler, d'analyser et d'agir sur les données des utilisateurs.
Types de pages mobiles accélérées
Il n'existe pas différents « types » d'AMP, mais plutôt différentes implémentations d'AMP sur différents types de contenu et plates-formes. Certains exemples sont:
- Sites Web AMP: Sites Web standard entièrement construits avec AMP HTML pour plus de vitesse et de performances.
- Histoires AMP : Format de narration visuelle pour le Web ouvert, exploitable, engageant et immersif.
- Annonces AMP : les annonces créées avec AMP se chargent plus rapidement, améliorant ainsi l'expérience utilisateur et les performances des annonces.
- E-mail AMP: E-mails interactifs en temps réel utilisant le framework AMP.
Utilisation, problèmes et solutions
AMP est principalement utilisé par les éditeurs de presse, les sites de commerce électronique et les plateformes publicitaires pour offrir des expériences rapides et attrayantes sur les appareils mobiles. Cependant, AMP a été critiqué pour sa simplification excessive des pages, ses fonctionnalités limitées par rapport aux sites Web à part entière et sa dépendance à l'égard de l'infrastructure de Google.
Google a apporté des améliorations continues au cadre AMP pour résoudre ces problèmes, notamment en ajoutant davantage de composants pour augmenter les fonctionnalités et en créant un meilleur équilibre entre vitesse et convivialité.
Comparaison avec des technologies similaires
| Fonctionnalité | AMP | Pages mobiles régulières | Site Web adaptatif |
|---|---|---|---|
| Vitesse | Très haut | Modéré | Cela dépend de la conception |
| Avantages du référencement | Haut | Faible | Modéré |
| Axé sur le mobile | Oui | Non | Oui |
| Interactivité | Limité | Haut | Haut |
| Dépendance à Google | Haut | Non | Non |
Perspectives et technologies futures
L'avenir d'AMP évolue vers une plus grande flexibilité et fonctionnalité, avec des mises à jour continues pour permettre des expériences plus riches tout en maintenant la vitesse. Les Progressive Web Apps (PWA), qui apportent une expérience de type application native aux applications Web, intègrent de plus en plus AMP pour leurs « pages d'entrée ». La combinaison des technologies PWA et AMP promet un avenir d’expériences Web immersives à chargement instantané.
Serveurs AMP et proxy
Les serveurs proxy, comme OneProxy, peuvent être utilisés pour diffuser du contenu AMP. Ces serveurs peuvent mettre en cache les pages AMP et les fournir aux utilisateurs, améliorant ainsi les temps de chargement et les performances. Cependant, la validation et l'optimisation fournies par Google AMP Cache ne seront présentes que si elles sont spécifiquement mises en œuvre.
Liens connexes
Pour plus d’informations sur AMP :
Cet examen complet d’AMP explore ses origines, ses fonctionnalités, ses applications et son avenir. À mesure que l’utilisation de l’Internet mobile continue de croître, le besoin en AMP est susceptible d’augmenter, offrant ainsi un Web plus rapide et plus convivial pour tous.
