Pourquoi AMPLI?
le nombre de recherches effectuées à partir d’appareils mobiles a dépassé celui des ordinateurs de bureau. Le Framework Open Source baptisé” Accelerated Mobile Pages » (AMP) a été créé avec un objectif principal: créer des temps de chargement rapides pour les utilisateurs mobiles. C’était une réaction à la demande croissante de temps de chargement courts – une question qui avait été soulevée à plusieurs reprises par les éditeurs et les entreprises.
l’initiative a été lancée dans le but d’établir un système qui bénéficierait à toutes les parties prenantes., Les annonceurs, les éditeurs et les utilisateurs devraient tous profiter D’AMP.
comment le Projet AMP s’est développé
le « projet Accelerated Mobile Pages” a été lancé en 2015 par un groupe d’entreprises comprenant Google, WordPress et le géant du logiciel Adobe. Dès le départ, plusieurs portails d’information internationaux ont également été impliqués dans le Projet AMP, certains des premiers sites Web implémentant AMP étant The Guardian (Royaume-Uni), The Washington Post et Buzzfeed (États-Unis), the Frankfurter Allgemeine Zeitung et Die Zeit (Allemagne), et El Pais (Espagne)., Twitter et LinkedIn sont également impliqués dans AMP depuis le début en tant que partenaires technologiques.
Aujourd’hui, presque tous les grands médias en ligne utilisent la technologie AMP. Ils ont reconnu la grande valeur à tirer des sites Web mobiles à chargement rapide. Avec l’aide des bons plugins, les utilisateurs de WordPress peuvent également publier sur AMP, bien qu’il n’existe pas encore de solution de commerce électronique pour AMP.
pourquoi L’AMP est une bonne idée
Au cours de la dernière décennie, le smartphone a dépassé le PC de bureau dans de nombreux secteurs et pays, devenant le principal appareil que les gens utilisent pour se connecter., Nous utilisons notre téléphone portable pour chercher un restaurant à proximité, nous magasinons sur nos téléphones ou nous lisons les nouvelles sur nos téléphones dans le train pour aller travailler. Il est particulièrement important pour les utilisateurs mobiles que les sites web se chargent rapidement. On dit que le point de coupure critique est à trois secondes. Si un site Web prend plus de temps à charger, la majorité des utilisateurs d’internet mobiles rebondiront et quitteront la page.
AMP est une bonne idée car il est spécialement conçu pour créer des sites Web qui se chargent le plus rapidement possible sur les appareils mobiles.,
problème: les sites Web that qui load chargent too aussi… slow…ly
la vitesse de chargement du contenu web dépend de la vitesse de connexion et de la taille du fichier du site web. Les deux aspects sont liés. Certaines pages se chargent lentement, même si la vitesse de connexion est rapide, si le volume de fichiers à charger est trop grand. De même, même une page techniquement optimisée peut se charger lentement si la connexion est trop lente.
Solution: AMP
AMP ne peut pas influencer la capacité disponible d’une connexion internet, la technologie se concentre donc sur l’aspect des temps de chargement qu’elle peut avoir., AMP crée les meilleures conditions pour qu’un site web mobile se charge rapidement, même lorsque le transfert de données est lent. Pour ce faire, il limite le nombre D’éléments JavaScript et CSS requis, en veillant à ce que seules quelques ressources soient chargées pour qu’une page puisse être consultée.
la clé des temps de chargement courts D’AMP est principalement dans la réduction des fichiers qui doivent être chargés. Un autre facteur important est un serveur proxy qui conserve un cache de la page cible prêt., Ce contenu est transmis sur un réseau de diffusion de contenu, ce qui a l’avantage que la page peut toujours être construite à la même vitesse, où que l’utilisateur y accède.
code source AMP
D’une manière générale, tous les serveurs peuvent lire le Code source AMP parce que le code est basé sur des scripts bien connus. Les trois éléments suivants sont caractéristiques D’AMP:
- AMP HTML: le Code HTML d’une Page Mobile accélérée est limité à l’essentiel. Lorsque la page est chargée, une seule requête http est envoyée.
- amp JavaScript: AMP utilise du Code JS asynchrone., Cela permet au site de commencer à construire avant que tous les éléments JS aient été chargés.
- AMP CDN: un cache de chaque site web AMP est enregistré sur différents serveurs dans le monde entier. Ce contenu peut être amené à l’utilisateur via le chemin le plus court possible à l’aide d’un réseau de diffusion de contenu. Un autre avantage d’un CDN est que la fonctionnalité de la page est continuellement vérifiée. Cela vous aidera à éviter les erreurs.
quelles modifications doivent être apportées au code HTML pour implémenter AMP?
Il y a un certain nombre de caractéristiques spécifiques HTML d’un site Web doit avoir pour qu’il fonctionne sur AMP., Tout contenu de média audiovisuel doit être marqué avec des balises AMP spéciales, par exemple amp-img, amp-video, amp-audio ou amp-iframe. Un exemple de la façon dont une image peut être insérée dans le code source d’une page à l’aide de l’AMPLI est:
<ampli-img src=”myimage.,jpg » alt= »ce que vous pouvez voir sur l’image » height= »200″ width= »300″></amp-img>
de plus, les balises suivantes doivent être incluses sur chaque page afin qu’elle puisse être correctement afficher en utilisant amp:
les avantages de AMP pour les différents groupes de parties prenantes
comme mentionné ci-dessus, amp a été lancé dans le but de profiter à tous: annonceurs, éditeurs et utilisateurs.a
- annonceurs: les annonceurs peuvent utiliser AMP avec une variété de formats publicitaires différents., Le contenu publicitaire se charge de manière asynchrone, ce qui signifie que l’expérience utilisateur n’est pas perturbée par les publicités qui empêchent le chargement de la page.
- éditeurs: les éditeurs bénéficient d’un placement important des sites Web AMP dans l’environnement des nouvelles. La grande facilité d’utilisation des sites Web optimisés pour les mobiles contribue également à des signaux positifs de l’utilisateur.
- utilisateurs: les sites Web utilisant AMP sont parfaits pour les utilisateurs. Ils n’ont pas à attendre longtemps pour que les pages se chargent et ils peuvent même faire confiance à des performances élevées lorsqu’ils naviguent sur une connexion Internet lente.,
AMP et le Mobile-first Index
AMP n’est qu’une approche pour optimiser les sites Web pour les appareils mobiles. Une prise de conscience de l’importance de l’optimisation mobile – pas seulement parmi la communauté SEO – s’est développée, en particulier depuis une mise à jour de Google en 2015 qui visait spécifiquement à encourager la convivialité des sites Web pour les mobiles. Le moteur de recherche Google est depuis allé plus loin vers une approche mobile-first avec son annonce que son index mobile va – à un moment donné – devenir l’index principal pour les résultats de recherche Google., Cela va seulement augmenter L’importance de L’AMP.
outre AMP, il existe d’autres stratégies d’optimisation mobile, notamment la conception Web réactive ou l’utilisation d’URL mobiles séparées avec des applications Web progressives.