Il y a eu beaucoup de discussions récemment à propos de AMP (Pages mobiles accélérées). À partir du 24 février, les résultats de recherche Google ont commencé à inclure des liens vers les versions de pages mobiles créées avec ce projet open source. Lorsque Google commence à soutenir ouvertement une technologie, vous savez que ce sera une grosse affaire, mais qu’est-ce que c’est exactement AMP?

AMP est tout au sujet de l'expérience utilisateur mobile. Plus précisément, l'initiative vise à rendre les pages mobiles plus rapides que jamais, ce qui constitue un moyen sûr d'améliorer l'UX. Idéalement, les promoteurs d'AMP veulent pouvoir créer du contenu mobile une seule fois, puis le charger immédiatement partout ailleurs.

Comme pour toutes les nouvelles initiatives, nous devons séparer la vérité du battage médiatique ...

Rendre vos sites plus rapides

Depuis Poussée publique de Google En faveur de l’AMP l’année dernière, de nombreuses entreprises de premier plan qui publient sur le Web ont également commencé à soutenir l’AMP. Certains de ces noms incluent la BBC, le Wall Street Journal, le Guardian, Twitter, Pinterest, le New York Times (lui-même en pleine controverse publicitaire) et Buzzfeed. Naturellement, ils veulent suivre le mouvement car ils se disent que toute initiative prise en charge par Google aura certainement un impact sur notre classement SEO.

Cependant, est-ce que cela vaut vraiment la peine pour ces entreprises d’appuyer AMP en ce moment? AMP tient-elle sa promesse de rendre votre site plus rapide?

si vous comprenez déjà UX ... AMP ne fera peut-être pas la différence après tout

Pour commencer à répondre à cette question, nous devons la mettre en contexte: si vous comparez votre site à un site riche en médias qui ne dispose que d’une optimisation moyenne, alors il est probable. Pourtant, si vous comparez votre site à un site présentant un design minimal et une bonne optimisation, le jury est toujours en suspens. En d'autres termes, il est sensible à la casse.

Si vous avez été l'un des premiers fans de l'AMP à avoir déjà acheté sa vitesse apparente, considérez ce qui suit: AMP n'est pas un nouveau type de technologie. Pourquoi, même Google admet que AMP a été créé à partir de technologies Internet déjà existantes, dans le but de créer des pages légères. Donc, non, il n'y a rien de vraiment révolutionnaire à ce sujet. Comprendre cela aidera à mettre en perspective le battage de vitesse autour de l'AMP.

Donc, si vous comprenez déjà intimement UX et que vous savez comment intégrer les dernières améliorations apportées aux performances dans la conception et le développement de votre site, l'AMP risque de ne pas faire toute la différence.

Qu'est-ce que l'AMP?

Ce projet open-source est né de discussions entre des entreprises de technologie et des éditeurs sur la nécessité d’améliorer l’UX mobile pour tous les acteurs du contenu: consommateurs, éditeurs, créateurs et utilisateurs.

AMP, il est important de le souligner, n’est pas un HTML radicalement nouveau. En fait, comme l'explique le projet, AMP sont comme les autres pages HTML , la seule différence étant un ensemble limité de fonctionnalités techniques autorisées, régies et définies par la spécification AMP. AMP se charge dans n'importe quelle vue Web de l'application ou navigateur moderne, tout comme les pages HTML ordinaires, mais la rapidité est une priorité en raison d'approches architecturales différentes.

AMP promet également une plus grande vitesse en raison de la quantité réduite de code. Par exemple:

  • Vous avez moins de 50 kb de CSS
  • Vous n'avez pas besoin de votre propre code JavaScript (il n'y a pas d'onglet, d'alertes, de bulles d'aide ou de modaux alimentés par JS)
  • Vous n'avez pas de code pour divers fournisseurs d'annonces et services d'analyse

Tout cela se résume à des pages plus légères, ce qui signifie des vitesses et des temps de chargement plus rapides.

Ensuite, il y a les éléments personnalisés d'AMP qui accordent la priorité au chargement et à l'optimisation. Ce qui se passe, c'est que le contenu de toute page AMP située au-dessus du pli se charge en premier. Une fois que vous avez vu ce contenu, cela signifie que le reste sous le pli commence à se charger sérieusement. D'autres fois, les AMP peuvent être chargés avant que les utilisateurs ne s'y posent, ce qui rend le chargement plus rapide.

Il existe différentes méthodes qui aident l'AMP à faire ces choses. Elles sont:

  • Chargement paresseux
  • Préconnexion
  • Pré-extraction
  • Prerendering

Fait intéressant, vous pouvez également optimiser vos pages non-AMP séparément pour chacune de ces optimisations.

Donc, encore une fois, ne pas utiliser AMP ne signifie pas que vous ne pouvez pas concevoir et modifier votre site pour la vitesse.

Enfin, AMP rend la mise en page plus efficace. Comment? Le média doit toujours avoir ses propriétés de largeur et de hauteur spécifiées lorsqu'il est ajouté à une page AMP. Bien qu'il soit toujours possible d'avoir à la fois des images réactives et redimensionnables, AMP va savoir exactement comment disposer une page avant de charger ledit support. Les utilisateurs finaux n'ont alors pas à attendre aussi longtemps que les images ne sont pas d'abord chargées, puis recalculées, puis rendues.

Seulement plus vite dans certains cas

La vérité est que l'AMP ne fera que rendre votre site plus rapide dans certaines situations spécifiques. Tout dépend des considérations techniques du site, mais aussi des besoins de l'entreprise pris en charge par le site.

ne pas utiliser AMP ne signifie pas que vous ne pouvez pas concevoir et modifier votre site pour la vitesse

Ici, quand AMP peut rendre votre site plus rapide:

  • Si votre site est si riche en médias qu'il bénéficiera automatiquement des processus de chargement optimisés
  • Si vous voulez qu'AMP soit responsable de l'optimisation de la vitesse et des performances de votre site au lieu de vous en occuper vous-même

Donc, pour être parfaitement clair, ce n'est pas en soi un AMP qui rend automatiquement vos sites plus rapides. Au lieu de cela, c'est vraiment que AMP fournit les techniques et les approches pour rendre vos sites plus rapides. Encore une fois, alors que vous pouvez rendre vos sites plus rapides en utilisant vos propres processus d'optimisation, AMP fournit simplement une optimisation de la vitesse et des performances dans un package soigné et pratique.

Ce que vous devez savoir

Malgré toutes ses fanfares, en particulier celles de Google, AMP en est encore à ses balbutiements, ce qui est une réalité significative. Cela signifie qu’elle évolue encore et que les gens sont loin d’être en mesure de dire avec certitude à 100% ce à quoi ils ne peuvent qu’utiliser. En d'autres termes, son impact sur vos classements de recherche, ses performances et même les exigences liées à l'utilisation d'AMP pourrait encore changer brusquement.

Bien que ce ne soit pas la solution miracle pour traiter instantanément tous les problèmes de site à chargement lent, ou même la seule solution, les concepteurs et les développeurs ont tout intérêt à passer du temps avec eux. À tout le moins, AMP constitue une source d’idées potentiellement nouvelles et efficaces que les concepteurs peuvent exploiter pour améliorer de manière significative les temps de chargement des pages sur l’ensemble du Web.

Le fait que Google ait déployé l'AMP dans ses pages de résultats de recherche offre également une opportunité pour les commentaires des utilisateurs. Il sera très intéressant de voir ce que les premiers adaptateurs de cette initiative pensent de l’amélioration, le cas échéant, de l’exécution des pages mobiles. Si les résultats sont bons et que l'AMP génère plus de trafic et de revenus pour les sites de grands noms, vous pouvez parier que Google et d'autres entreprises vont plus que jamais le faire. Si le contraire se produit, alors l'AMP risque de ne jamais décoller de manière significative.

L'image en vedette utilise le secret d'Agustin image de vitesse .