Naviguer sur le web utiliser la 3G du smartphone peut être une tâche très frustrante, mais Google et d’autres géants du web s’efforcent d’améliorer votre expérience dans les mois à venir. Cela se fera avec l’aide de l’AMP (Accelerated Mobile Pages), un projet open source qui restreint certains contenus pour accélérer le chargement des pages sur les connexions mobiles.
Présenté par Google en octobre, l’AMP peut augmenter considérablement la vitesse des sites mobiles : dans des simulations avec un Nexus 5 utilisant les réseaux 3G, on a constaté des améliorations de 15 à 85%. Comment ? La réponse se trouve dans AMP HTML, un framework qui permet de créer des pages plus légères, mais sans laisser de côté les animations, le contenu multimédia ou même les publicités.
L’AMP utilise une série de techniques d’optimisation pour améliorer les performances. Les codes JavaScript de tiers, certaines instructions CSS (telles que la transition, le filtre et l’animation), ainsi que les feuilles de style de plus de 50 000 octets sont laissés de côté. En outre, les pages auront une sorte de noyau standardisé, ce qui contribue également à accélérer le chargement.
Les plateformes telles que votre navigateur ou votre système d’exploitation mobile peuvent facilement mettre en miroir et en cache le contenu des pages. Pensez, par exemple, que toutes les images du site auquel vous accédez le plus peuvent être automatiquement stockées sur des serveurs plus proches de vous. Cela améliore le temps de réponse des pages et, en cas de rupture, contribue à “décongestionner” les liens Internet. Google s’est déjà engagé à ouvrir ses serveurs de cache pour que tout le monde puisse les utiliser gratuitement.
Pour que tout fonctionne, les sites web doivent créer des pages spécifiques en utilisant le HTML AMP. Il a une syntaxe très similaire au HTML que vous connaissez, mais il modifie certaines balises et en bloque d’autres. Vous ne pouvez pas l’utiliser et embed, par exemple. Et au lieu de mettre beaucoup de code pollué et complexe pour afficher une annonce, vous pouvez faire la même chose avec un amp-ad et quelques paramètres de dimension.
/amp-ad
Comme l’AMP laisse de côté certaines technologies au nom de la vitesse de chargement, les services doivent être adaptés pour continuer à fonctionner. Chartbeat, par exemple, un outil que nous utilisons pour mesurer notre audience en temps réel, ne fonctionnerait pas sans l’aide de JavaScript, mais la société publiera la compatibilité avec AMP en février 2016. Google Analytics, bien sûr, soutiendra également cette technologie. Dans les annonces, Outbrain, DoubleClick et d’autres acteurs majeurs travaillent déjà avec l’AMP.
Et une bonne nouvelle, annoncée par Google mercredi (9), est que le calendrier de l’AMP est assez accéléré. D’ici février 2016, le moteur de recherche dirigera les résultats de recherche vers les pages AMP dans appareils mobiles. L’annonce a également mis en avant Twitter, qui sera également relié aux pages de l’AMP l’année prochaine, et les applications de messagerie, dont Viber et Line.
WordPress, le système à l’origine de nombreux sites dans le monde (dont this PerlmOl), prendra en charge l’AMP à partir de janvier 2016. Et o Pinterest, qui a déjà commencé à tester le chargement de pages AMP dans les applications Android et iOS, a remarqué dans ses premiers tests que le contenu est chargé jusqu’à quatre fois plus vite et dépense jusqu’à huit fois moins de données ( !) que les pages traditionnellement optimisées pour les appareils mobiles.
Sans la PGA, c’est Pinterest :
Avec l’AMP, cela reste ainsi :
Intéressant, non ?
La popularisation de l’AMP dépend de l’adoption des entreprises de médias, mais le projet semble être très bien soutenu : la page AMP, qui montre les partenaires engagés dans la nouveauté, répertorie déjà des géants tels que la BBC, le New York Times, le Washington Post, le Time et le Huffington Post. Parmi les franchisés, l’Editora Abril, le journal Folha de S.Paulo et le portail UOL figurent dans la liste.
Pour en savoir plus sur l’AMP, accédez à la page a projet. Si vous êtes un développeur et que vous voulez comprendre comment tout fonctionne, il existe une documentation très complète et facile à comprendre cette page.
