AMP pour accélérer le Web mobile
AMP signifie Accelerated Mobile Pages, ou Pages Mobile Accélérées. A l’heure où les appareils mobiles ont pris le dessus sur l’ordinateur fixe, où Google accorde la priorité aux sites optimisés pour la navigation itinérante, la vitesse de chargement sur mobile et tablette est un enjeu crucial. Découvrons ce qu’est le projet AMP.
AMP : qu’est-ce que c’est ?
Le Projet AMP est un projet open-source et dédié à l’accélération du Web mobile.
Il est composé par de nombreux partenaires, comme entre autres Google, LinkedIn, Twitter, WordPress, DailyMotion, Vimeo, … : la liste est disponible sur le site du projet.
Ce projet définit un nouveau standard de codage de page Web : AMP permet de créer des pages Web qui affichent rapidement du contenu statique. Il impose aux sites de fournir le contenu de leurs pages Web dans une version light très rapide à charger. L’intérêt annoncé de AMP est d’offrir à l’internaute un affichage des pages Web quasi instantané, de la même manière que sur Apple News ou encore Facebook Instant.
Selon le Projet AMP, les pages ainsi créées sont dix fois plus légères en moyenne et par conséquent jusqu’à quatre fois plus rapides à télécharger. Le but avoué est donc que l’internaute puisse consulter toujours plus de contenu Web, et de manière toujours plus rapide.
Et augmenter le nombre de pages vues par un internaute, c’est mécaniquement augmenter le nombre de publicités qu’il voit… Ce qui restera toujours le but ultime de notre ami Google 😉
Les techniques AMP
Techniquement, le fonctionnement d’AMP est basé sur trois choses différentes :
- l’AMP HTML est du HTML avec certaines restrictions pour des performances fiables et certaines extensions pour la construction de contenu enrichi au-delà du HTML de base.
- La bibliothèque AMP JS assure le rendu rapide des pages HTML AMP.
- Le cache Google AMP peut être utilisé pour servir les pages HTML AMP mises en cache.
Les résultats de recherche Google indiquent aux utilisateurs que vos pages utilisent AMP HTML en affichant l’icône spécifique (lightning bolt). Ainsi, les internautes sont prévenus que le contenu de votre site sera chargé rapidement sur leur mobile ou sur leur réseau.
Une page AMP possède la même URL que la page en langage HTML classique, accompagnée du suffixe /amp/.
Les optimisations apportées :
- Autorisation des scripts asynchrones uniquement : empêche JavaScript de retarder l’affichage de la page,
- Dimensionnement de manière statique de toutes les ressources (images, publicités, iframes) : déclaration de la taille de la ressource,
- Empêchement du blocage de l’affichage de la page par les mécanismes d’extension (tweets, instagram, mosaïque d’images, …),
- Obligation pour une feuille de style CSS d’être en ligne et de ne pas dépasser 50Ko : pas de requêtes HTTP supplémentaires,
- Hiérarchisation du chargement des ressources, par exemple lecture à l’ouverture de la page uniquement des images visibles au-dessus de la ligne de flottaison,
- Exécution des animations seulement si elles sont accélérées par GPU (processeur graphique),
- Préchargement des polices Web,
- …
Ces techniques seront détaillées plus avant dans un prochain article.
Pourquoi votre site doit être mobile friendly
Internet évolue à un rythme rapide. Ce que souhaite les gens évolue constamment, dans différentes directions, mais une constante est qu’ils souhaitent plus que jamais trouver des résultats pertinents facilement lorsqu’ils effectuent une recherche en ligne. Si vous avez votre propre site web, cela peut être un peu frustrant par moments. Mais si vous êtes déterminé à suivre les changements de cette industrie et que vous voulez vraiment le meilleur pour votre site web, alors voici les principaux avantages et les raisons qui font que la création d’un site mobile friendly est essentielle.
Le but final sera toujours de répondre aux désirs et besoins de votre auditoire. Atteindre cet objectif est également ce que vise Google, puisque sa politique est de fournir aux utilisateurs les meilleurs sites web, les sites les plus pertinents du moment, et cela dès qu’ils cliquent sur le bouton de recherche !
Voici 3 points principaux pour acquérir une réelle compréhension et un aperçu des raisons pour lesquelles les sites mobile friendly sont si cruciaux.
1. La politique de Google sur le mobile friendly
Google a annoncé en 2015 un changement de règle du jeu, publié via leur plate-forme pour webmasters. Il y est expliqué que les sites seront désormais affectés par leurs évolutions en termes de facilité d’utilisation mobile et encouragent les gens à rendre leurs sites web plus mobile-friendly et optimisé pour les utilisateurs.
Voici un courriel de Google à un webmaster via Google Webmaster Tools à propos d’un site qui n’est pas mobile friendly :
“Cette modification affectera les recherches mobiles dans toutes les langues à travers le monde et aura un impact significatif sur nos résultats de recherche. Par conséquent, les utilisateurs trouveront plus facile d’obtenir des résultats de recherche pertinents, de haute qualité et qui sont optimisés pour leurs appareils ”
Google Webmaster
2. La convivialité du mobile
Comment les gens effectuent-ils une recherche ? Un facteur très important à considérer est la facilité d’utilisation. Aujourd’hui, la plupart des gens effectuent leurs recherches à partir d’appareils mobiles et de tablettes. Il est donc fondamental que votre site soit mis en place dans une perspective mobile et puisse se positionner lors d’une recherche par mobile.
Google cherche à plaire à ses clients et est conscient que son évolution doit refléter les préférences de ses clients. Si il ne parvient pas à le faire, il risque voir filer les utilisateurs vers d’autres moteurs de recherche.
Donc, puisque les gens recherchent de plus en plus via leurs appareils mobiles, il est tout naturel que Google donne la priorité aux sites web mobiles offrant aux utilisateurs l’expérience la plus facile et la pertinente.
3. L’augmentation du trafic mobile
Le troisième point à évoquer est le trafic mobile. Celui-ci est en constante évolution. Lorsque l’on observe les statistiques, il n’est plus rare de constater que dans certains cas plus de 50% des utilisateurs naviguent sur des appareils mobiles. Il est donc primordial que vous soyez bien préparé et assuré que votre site soit optimisé pour le mobile, non seulement d’un point de vue de la convivialité, mais aussi en termes de référencement.
Je souhaite que Conception Website rende mon site internet mobile-friendly
Google dispose d’ailleurs d’un outil de test gratuit, pour vous aider à analyser une URL et vous rendre compte si votre site possède, oui ou non, un design mobile friendly. Cela vaut vraiment la peine de tirer avantage des outils et des informations disponibles pour vous aider à stimuler le potentiel de votre site sur le long terme.
“Il est très important de vous assurer que votre site est optimisé pour tous les utilisateurs, en tout temps, en toutes circonstances.”