Préoccupé par le fait que la version mobile de votre site Web est lente ou trop gourmande en ressources?  Découvrez comment Google AMP peut accélérer les choses.

Qu'est-ce que Google AMP? Comment ça marche et pourquoi c'est utile pour les sites mobiles

Publicité AMP, ou Accelerated Mobile Pages, est un projet open source créé par Google dans le but de faciliter la navigation sur les appareils mobiles. Le projet promet des performances supérieures, un engagement accru et une utilisation moindre des données, ce qui profitera à la fois aux utilisateurs et aux éditeurs. Comme

Publicité

AMP, ou Accelerated Mobile Pages, est un projet open source créé par Google dans le but de faciliter la navigation sur les appareils mobiles.

Le projet promet des performances supérieures, un engagement accru et une utilisation moindre des données, ce qui profitera à la fois aux utilisateurs et aux éditeurs.

Comment fonctionne l'AMP?

Page Speed ​​est devenu un facteur de classement pour les pages mobiles en juillet de cette année (2018), et AMP est là pour satisfaire le besoin de rapidité de votre site Web. En fait, AMP promet de rendre la navigation mobile jusqu'à 85% plus rapide.

Grâce à une combinaison d'optimisations et de restrictions pour HTML, JavaScript et CSS; Les pages AMP se chargent presque instantanément. Au lieu de JavaScript écrit par l'auteur, des éléments spécifiques à AMP garantissent rapidité et compatibilité.

La vitesse de la page s'améliore également avec la hiérarchisation au-dessus du pli, les caches AMP spécifiques et le prérendering. De plus, l'utilisation de petits fichiers et supports, et le peu de demandes de ressources émanant du serveur améliorent encore la vitesse.

Les optimisations dans AMP garantissent également que la mise en page de vos pages se charge toujours correctement, même avant que les images et les iframes (pour les publicités) ne soient chargés.

Cela se fait en spécifiant la taille des images et des iframes dans le document HTML (appelée «mise en page statique»). Et empêche essentiellement le contenu de se déplacer pour s’adapter aux ressources au fur et à mesure du chargement.

Qu'est-ce que la mise en cache AMP?

Si vous publiez un site AMP valide, vos pages sont automatiquement mises en cache dans le cadre de l'écosystème AMP. Le cache stockera vos documents, polices et images AMP.

Il existe actuellement deux caches AMP, le cache de Google et le cache de Cloudflare. Les serveurs Cloudflare couvrent à eux seuls 102 sites dans 50 pays différents.

Le cache est mis à jour chaque fois que quelqu'un accède au contenu, et le contenu mis à jour est servi automatiquement à l'utilisateur suivant. Cela garantit que la dernière version est servie rapidement au plus grand nombre de personnes possible.

Outre la mise en cache du contenu, le serveur de cache fournira également des optimisations et des modifications telles que:

  • Validation du format AMP.
  • Limiter les dimensions de l'image pour éviter les problèmes de mémoire du navigateur et une réactivité médiocre.
  • Suppression des données d'image invisibles ou difficiles à voir, telles que certaines métadonnées.
  • Conversion d'images au format WebP (Qu'est-ce que WebP?) Présentation du WebP de Google, une alternative Web plus rapide au format JPEG Présentation du WebP de Google, une alternative Web au format plus rapide Google a pris l'initiative de rendre le Web plus rapide (en savoir plus) dans les navigateurs prenant en charge WebP.
  • Transformer les images en qualité inférieure si la demande inclut l'en-tête Save-Data.
  • Ajoute le support pour les images de taille sensible.
  • Sert sur un canal sécurisé (HTTPS) et utilise les derniers protocoles Web (SPDY, HTTP / 2).
  • Désinfecte les documents AMP pour empêcher les attaques XSS basées sur des balises HTML mal fermées, des commentaires, etc.

En plus de ces optimisations, le cache effectuera également de nombreux processus de désinfection HTML afin de normaliser l'analyse.

Une liste complète des optimisations du cache AMP est disponible sur les pages des développeurs de Google.

Quels sont les avantages réels de l'AMP?

La vitesse est l'attraction principale de l'AMP. Et c'est pourquoi de nombreux éditeurs tels que Google, Facebook, Baidu, Pinterest et Twitter ont déjà adopté cette technologie. La vitesse améliorée ajoute de l'engagement et réduit les taux de rebond presque partout.

AMP est particulièrement utile dans les zones à faible couverture Internet mobile ou sur les réseaux publics saturés et encombrés tels que les aéroports et les cafés. Comment repérer les réseaux Wi-Fi publics "Evil Twin", gérés par des pirates informatiques Réseaux Wi-Fi gérés par des pirates Tous les réseaux Wi-Fi auxquels vous accédez ne sont pas sûrs. Certains d'entre eux pourraient même être faux. Poursuivez votre lecture pour en savoir plus sur les points d'accès Rogue et Evil Twins. Lire la suite . Et c’est la raison pour laquelle le contenu des applications est si rapide lorsque la navigation est lente.

Les recherches effectuées dans le cadre d'une étude sur l'impact économique total de Forrester Consulting (commandée par Google) l'année dernière ont révélé que:

«AMP entraîne une augmentation de 10% du trafic sur le site Web, avec une augmentation de 2x du temps passé sur la page. L'étude a également révélé une augmentation de 20% du nombre de conversions de ventes pour les sites Web de commerce électronique utilisant AMP, par rapport aux pages non AMP. "

Top Stories de Google - Carousel sur mobile utilise uniquement le cache AMP de Google pour afficher des articles. Pour de nombreux éditeurs, utiliser AMP devrait donc être un choix automatique.

New York Times, eBay et AliExpress sont de bons exemples à vérifier qui ont tiré parti de l’AMP. Si vous cliquez sur le contenu de ces sites (marqué d'une icône d'ampli) dans la recherche Google sur votre mobile, vous chargerez la version AMP de leurs pages.

Histoires AMP

L'histoire de AMP a été ajoutée à l'écosystème AMP plus tôt cette année. Semblable aux histoires de Snapchat Comment utiliser Snapchat: Guide du débutant complet Comment utiliser Snapchat: Guide du débutant complet Snapchat est populaire, mais un nombre surprenant de personnes ne savent pas comment l'utiliser correctement. Cet article vous aidera à passer de novice à expert. En savoir plus, ceux-ci sont déjà utilisés par de nombreux éditeurs. Parmi les bons exemples, citons l'histoire de CNN sur les missions qui explorent encore notre système solaire et le guide essentiel de Mashable sur Black Panther.

AMP Story Ads, un ajout à la fonctionnalité d'histoires, a récemment été mis à la disposition de tous les sites Web utilisant Google Ad Manager. Ce sont des publicités plein écran qui apparaissent dans les récits AMP. Il s’agit de l’une des nombreuses améliorations qui ont rendu AMP beaucoup plus utile qu’il ya un an.

Quels sont les inconvénients de l'AMP?

Recherche mobile Google
Crédit d'image: DepositPhotos

Si vous utilisez Google, Twitter, Pinterest, Messenger, etc., vous remarquerez que des liens externes s'ouvriront dans le domaine lui-même, au lieu du domaine auquel il est lié.

Bien que le visualiseur AMP améliore l'expérience de navigation des utilisateurs, il peut être négatif pour les propriétaires de sites Web. Cela vous enlève du pouvoir de contrôler la navigation des visiteurs sur votre site.

Cela peut priver votre site de pages vues et pourrait perturber les revenus publicitaires. Il existe même des problèmes d’analyse et de suivi qui peuvent être difficiles à résoudre si vous n’utilisez pas Google Analytics pour AMP.

Cela dit, certains lecteurs préféreront peut-être les difficultés de suivi. Si oui, voici ce que vous pouvez faire pour savoir qui vous suit en ligne. 5 façons de vérifier qui vous surveille en ligne 5 façons de vérifier qui vous surveille en ligne Vous voulez voir qui vous suit en ligne? Ces sites Web et extensions de navigateur vous indiqueront à quel point Google, Facebook et d'autres réseaux publicitaires suivent votre activité. Lire la suite

Le Carousel Top Stories de Google sur les appareils mobiles ne proposera que du contenu compatible AMP. Il s'agit d'un fait important, car la majorité du trafic sur l'ensemble du contenu AMP provient de personnes effectuant des recherches sur Google.com.

Ce favoritisme AMP ne s'arrête pas au carrousel de nouvelles. Google proposera également des sites Web compatibles AMP supérieurs aux autres liens, y compris les sites standard conviviaux pour mobiles. Cela dit, l’AMP n’est pas (encore) techniquement un facteur de classement de la page, mais les améliorations de la vitesse le sont.

Cloudflare peut améliorer vos pages mobiles accélérées

Même si vous rendez vos pages AMP disponibles, elles ne seront pas toujours utilisées en fonction du système d'exploitation, des applications ou du périphérique utilisé. Si vous utilisez Cloudflare, vous pouvez activer les liens mobiles accélérés pour identifier et afficher le contenu AMP de votre site sur mobile, quelle que soit la source.

Cloudflare peut également vous aider à améliorer votre confidentialité et vos performances lorsque vous utilisez votre mobile. Vous pouvez maintenant utiliser le DNS 1.1.1.1 de Cloudflare sur mobile Vous pouvez maintenant utiliser le DNS 1.1.1.1 de Cloudflare sur mobile Cloudflare a lancé une application mobile pour son service DNS 1.1.1.1. Ceci est maintenant disponible pour Android et iOS. Lire la suite

Visualisation et conception dans AMP

Nous nous aimons nous-mêmes des sites à la recherche de fantaisie. Cependant, les limitations d'AMP peuvent vous faire perdre l'attrait visuel de certains de vos sites que vous pouvez conserver par ailleurs à l'aide des sites Web Responsive et de la conception mobile.

Les plugins dans WordPress, par exemple, serviront AMP en offrant une version simplifiée de votre site Web. Ces convertisseurs WordPress en AMP offrent très peu d’attrait visuel et sont l’une des principales raisons pour lesquelles de nombreux sites AMP se ressemblent.

Si vous concevez vos pages AMP à la main, plutôt que d'utiliser des convertisseurs, vous pouvez obtenir un design similaire au design mobile traditionnel et plus attrayant.

AMP a encore du chemin à faire et de nombreux développeurs s'opposent vivement à son utilisation car il les oblige à pénétrer encore plus dans l'écosystème de Google. Cela a amené de nombreuses personnes à rechercher des alternatives à Google. Adieu Google: les 15 meilleures alternatives de recherche, actualités, documents et plus encore Adieu Google: les 15 meilleures alternatives de recherche, actualités, documents et plus Voulez-vous vous écarter de Google pour bien? Ce sont les meilleures alternatives pour tous les principaux services et applications Google. Lire la suite .

Devez-vous créer des pages AMP?

AMP apporte de nombreux avantages aux propriétaires de sites Web, en particulier si vous diffusez quotidiennement de gros volumes de contenu. Toutefois, vous pouvez résoudre de nombreux problèmes qui ralentissent un site Web, tels que l'utilisation excessive de JavaScript, la réponse lente du serveur et la taille de fichiers volumineux sans implémenter AMP.

Être intelligent avec votre design mobile peut servir votre site web rapidement. Jenny Gove de Google a écrit un excellent article sur Ce qui fait un bon site pour mobile, qui mérite une lecture.

Il existe des plugins WordPress AMP et Drupal AMP qui peuvent vous aider à générer du contenu AMP. Sinon, les documents de démarrage rapide AmpProject sont une ressource précieuse à utiliser pour coder à la main vos pages AMP.

L'ensemble du site Web AMPProject est en fait créé et rendu dans AMP. Il s'agit donc d'un bon exemple de la façon dont ces pages peuvent apparaître dans toutes les résolutions, pas seulement sur mobile.

Bien que les gens détestent AMP pour différentes raisons, Stonetemple.com a examiné 10 études de cas pour voir la différence entre l'engagement des utilisateurs et la conversion. Ils concluent que tant que la mise en œuvre de l'AMP sera terminée, la plupart des sites Web, quel que soit leur créneau, en verront les avantages.

En bout de ligne, vous devez déterminer si vos clients obtiendront des avantages de l’AMP. En fonction des services que vous proposez et du contenu que vous diffusez, les améliorations apportées aux pages mobiles risquent de ne pas être améliorées. Avec une optimisation appropriée, les pages mobiles peuvent également être chargées très rapidement!

Comment désactiver AMP

La mise en cache est une partie essentielle de l'écosystème AMP, et la publication d'un document AMP valide l'active automatiquement dans la livraison du cache. Si vous souhaitez supprimer vos pages, Google a rédigé un guide expliquant comment supprimer le contenu AMP de Google Search.

Si vous souhaitez arrêter de charger des pages AMP en tant qu'utilisateur, vous pouvez désactiver AMP Links et charger les pages d'origine à la place. Comment désactiver Google AMP dans Google Search sur Android et iPhone Comment désactiver Google AMP dans Google Search sur Android et iPhone Certains avantages, mais si vous voulez le désactiver, l’une de ces trois méthodes devrait fonctionner pour vous. Lire la suite sur votre mobile.

En savoir plus sur: Google AMP, la navigation mobile, la conception Web, le développement Web.