Google est sur le point de rendre la navigation mobile jusqu'à 85% plus rapide

Parfois, la navigation Web sur un smartphone peut être plus lente qu'un escargot chevauchant une tortue particulièrement paresseuse. Il n'y a pas si longtemps, le 24 février, Google a franchi une première étape en vue d'accélérer l'expérience de navigation sur le Web sur les appareils mobiles. Cette nouvelle initiative s'appelle Accelerated Mobile Pages (AMP)..

Mais qu'est ce que ça veut dire? Comment ça marche? Votre navigation sur le Web sera-t-elle 85% plus rapide? Ou n'est-ce rien de plus que des bêtises marketing débordantes et sur-assommées? Nous allons le décomposer pour vous et même vous montrer comment vous pouvez le tester par vous-même.

En un mot, qu'est-ce que l'AMP??

Annoncé pour la première fois en octobre 2015, AMP est un framework HTML open source développé par Google, en collaboration avec quelques autres entreprises, destiné à aider les développeurs à créer des pages légères pouvant être exécutées rapidement sur des appareils mobiles. C'est du HTML ordinaire mais avec quelques restrictions et quelques fonctionnalités supplémentaires.

Selon les tests de Google, les pages AMP peuvent charger 85% plus rapidement que les pages non-AMP sur une connexion mobile 3G. EDGE, 3G, H +, etc.: Qu'est-ce que tous ces réseaux mobiles? EDGE, 3G, H +, etc.: Que sont tous ces réseaux mobiles? Êtes-vous sur le réseau mobile le plus rapide? Si non, où tombez-vous sur le spectre? Ces symboles de réseau mobile peuvent être déroutants, mais ne vous inquiétez pas, nous allons tout éclaircir. Lire la suite . Voici l'introduction amusante et informative de Google sur l'ensemble du concept:

A quoi sert AMP pour vous?

Comme le montre la vidéo de Google, la lenteur des sites Web frustre les lecteurs et les éditeurs. Lorsque vous ouvrez un site et qu'il ne se charge pas, plus vous devez attendre, plus vous devenez agacé. Si vous attendez trop longtemps, vous êtes susceptible d'abandonner et de passer à autre chose.

Dans le pire des cas, vous perdez une partie de votre journée à attendre un contenu que vous n'avez même pas pu apprécier. Pendant ce temps, les éditeurs ne vous ont pas procuré des regards indiscrets sur leur contenu ni sur les publicités d'accompagnement permettant de payer le contenu gratuit qu'ils ont essayé de vous proposer. C'est une situation sans issue pour toutes les personnes impliquées.

Les éditeurs cherchant désespérément à conserver les annonces # mobiles sans irriter les utilisateurs ont modifié #HTML. Voici #AMPHTML: https://t.co/VbtMUJGO9G? #JavaScript!

- ? Patrick T. Lafferty? (@proflafferty) 7 octobre 2015

Si vous deviez bloquer les publicités Il en va de l’éthique dans le vol de jeux: le journalisme: Pourquoi AdBlock a besoin de mourir C’est l’éthique dans le vol de jeux Le journalisme: Pourquoi AdBlock a besoin de mourir Un plugin simple et gratuit pour le navigateur a tué Joystiq - et ruine Internet. Lisez Plus pour accélérer le chargement du site, alors vous pourrait obtenir le contenu, mais l'éditeur ne sera pas payé pour cela. À leur tour, les éditeurs disposent de moins d’argent pour créer du contenu. Ainsi, même si vous aimez ce qu’ils écrivent et produisent, ils ne pourront pas se permettre de produire davantage. Aussi une situation sans issue.

L'objectif de Google avec AMP est de transformer ces situations sans issue en solutions gagnant-gagnant. Idéalement, les publicités et les fonctionnalités interactives flashy ne ralentiront pas votre navigation sur le Web, ce qui les rendra plus agréables. Et si plus vous voyez d’annonces, plus les éditeurs peuvent se permettre de continuer à créer du contenu gratuit pour que vous en profitiez..

Comment fonctionne AMP?

Une des façons dont AMP accélérera la navigation sur mobile est la façon dont Google met en cache les pages. Non seulement AMP génère des pages Web plus rapides, mais les éditeurs peuvent également choisir de laisser Google mettre en cache leur contenu sur les serveurs de Google. Ceci est différent de la recherche Google normale, où vous cliquez sur un lien pour aller directement à un autre site Web..

Si vous ouvrez un lien AMP à partir de la recherche Google sur un appareil mobile, vous ne serez pas dirigé vers le site Web de l'éditeur. Vous resterez sur Google. Ceci est plus rapide pour vous car Google est capable d’héberger et de servir du contenu, alors que la plupart des sites Web sont hébergés sur des serveurs lents. De plus, les sites Web peuvent tomber en panne pour toutes sortes de raisons, contrairement à Google..

En bref, Google est un hôte fiable doté d'un réseau distribué de plus de 1,8 million de serveurs, répartis sur au moins 12 centres de données en Amérique du Nord, en Europe et en Asie. Pour tout article sur lequel vous cliquez, Google peut probablement vous en fournir une copie en cache plus rapidement que l'éditeur ne le peut..

Nous pouvons également nous attendre à ce que les pages sur mobile soient plus rapides, grâce aux restrictions imposées par AMP sur HTML. Pour les pages mobiles accélérées, le langage HTML est optimisé pour empêcher les développeurs de sites Web d'utiliser des fonctionnalités qui ralentissent les sites Web. Alors, que ne peuvent pas utiliser les développeurs AMP??

AMP HTML n'autorise pas les formulaires et JavaScript, à l'exception d'une bibliothèque JavaScript spéciale fournie par Google qui fonctionne avec AMP. Il interdit également certains styles CSS. 5 étapes pour apprendre le CSS et devenir un CSS du kick-ass 5 étapes pour apprendre du CSS et devenir un CSS du kick-ass Sorcerer CSS est le changement le plus important que les pages Web aient connu au cours de la dernière décennie. cela a ouvert la voie à la séparation du style et du contenu. De manière moderne, XHTML définit la structure sémantique… En savoir plus sur les animations, qui peuvent considérablement ralentir les performances sur les appareils mobiles.

En dehors de cela, les sites Web peuvent toujours être entièrement stylisés avec tous les autres styles CSS, ce qui permet aux sites de présenter du contenu multimédia riche, tel que des photos et des vidéos, comme ils l'ont toujours fait jusqu'à présent..

Cependant, certains éléments HTML sont modifiés, comme la balise HTML image qui change de à . Ceci est important car les images AMP sont chargées après tout le reste, ce qui signifie que les téléspectateurs n'ont pas à attendre le chargement des images avant de pouvoir commencer à lire le contenu principal..

L'AMP vaut-il le battage médiatique??

Certaines personnes s'inquiètent du fait que la PGA se traduira par beaucoup de travail pour un gain minime, voire nul. D'autres accusent les propriétaires de sites Web d'avoir des sites Web lents et des temps de chargement longs plutôt que du code HTML lui-même.

Il est certes admirable de rendre les pages plus rapides, mais le langage HTML n’est pas intrinsèquement lent: les utilisateurs qui en abusent le sont. L'AMP semble être une perte de temps.

- Phillip Caudell? (@phillipcaudell) 16 février 2016

Ces critiques sont peut-être légitimes, mais j’ai essayé la démo AMP suivante et constaté qu’elle chargeait très vite, alors j’ai tendance à penser que cela en vaudra la peine pour certains éditeurs. Mais ne me croyez pas sur parole. Vous pouvez essayer la démo par vous-même! Tout ce dont vous avez besoin est un appareil mobile.

Instructions de démonstration AMP

Aller à http://g.co/ampdemo sur un appareil mobile et recherchez ce que vous voulez (mais pour en ressentir réellement les effets, essayez de rechercher des médias populaires ou des informations dans les actualités). J'ai personnellement essayé avec une recherche de “Jeu des trônes”.

Faites défiler jusqu'à ce que vous trouviez un lien (probablement dans un module de carrousel au-dessus des liens bleus ordinaires) étiqueté avec “AMP” et une icône représentant un éclair. Clique dessus. Ensuite, vous pourrez également faire glisser votre doigt vers la gauche pour accéder instantanément à plus d'articles AMP à partir des résultats de recherche que Google a mis en cache..

Ce que vous voyez dans le GIF ci-dessus, ce sont des articles HTML AMP, qui sont basiques et pas trop voyants. Consultez également l'URL: www.google.ca pour chaque article. Depuis que j'ai sélectionné un lien HTML AMP dans la recherche Google, il s'agit de copies en cache hébergées sur les serveurs de Google..

AMP a-t-il des défauts??

L'un des principaux inconvénients de l'AMP est qu'il limite l'utilisation de JavaScript. Les sites Web ont besoin de JavaScript pour toutes sortes de choses, telles que le suivi des lecteurs. 4 Activités en ligne apparemment innocentes qui suivent votre comportement 4 Activités en ligne apparemment innocentes qui suivent votre comportement Lisez Plus et proposez des expériences interactives, ce qu'ils ne pourront pas faire aussi facilement le framework HTML AMP.

Si vous êtes un utilisateur concerné par la confidentialité et préférez que les sites Web ne suivent pas votre comportement Vous sentez-vous comme si quelqu'un vous observait? 5 outils pour détecter et bloquer le suivi Vous avez l’impression que quelqu'un vous observe? 5 Outils de détection et de blocage du suivi Les utilisateurs effectuent le suivi des sites Web que vous visitez, que vous ouvriez leur courrier électronique, etc., mais vous pouvez les arrêter. Voici comment. En savoir plus pendant votre navigation, vous pourriez même voir que la limitation de JavaScript par AMP est une fonctionnalité appréciée..

Mais si vous êtes un développeur ou un concepteur Web et que vous appréciez les informations que vous obtenez, telles que le suivi analytique, AMP HTML rendra votre travail plus difficile..

Les équipes travaillant sur AMP mettront également du temps à intégrer des fonctionnalités telles que des carrousels d'images, des cartes, des plug-ins sociaux, des visualisations de données et des vidéos. Il faudra peut-être attendre un certain temps avant que les sites utilisant intensément ces fonctionnalités puissent tirer parti de l’AMP, ce qui ralentira les taux d’adoption de l’AMP.

Pourquoi l'AMP compte vraiment

AMP HTML est sur le point de rendre le Web plus rapide sur votre téléphone! C’est une bonne chose, car nous savons tous qu’un Internet lent peut être un peu plus frustrant qu’aucun Internet..

En accélérant les sites mobiles, vous supprimez également le motif souvent cité par les utilisateurs de bloquer les annonces, ce qui est avantageux pour les créateurs de contenu. Les classements de recherche de Google tiennent également compte de la vitesse de chargement des pages. Ainsi, les sites Web utilisant AMP pourraient bénéficier d'une amélioration de leur classement dans les moteurs de recherche..

Si vous apprenez le HTML et le CSS, apprenez le HTML et le CSS avec ces didacticiels étape par étape. Apprenez le HTML et le CSS avec ces didacticiels étape par étape. Envie de découvrir HTML, CSS et JavaScript? Si vous pensez avoir le don d'apprendre à créer des sites Web à partir de rien, voici quelques tutoriels étape par étape qui valent le coup d'être essayés. Pour en savoir plus sur le développement Web, vous pouvez déjà apprendre AMP sur le site Web du projet AMP. Si vous souhaitez accélérer votre site Web mais que vous n'êtes pas prêt pour la conversion au format AMP, ou si vous voulez simplement qu'il soit plus rapide en général, consultez ces outils en ligne pour rendre votre site plus rapide. 10 outils en ligne gratuits pour tester votre site Web. Pages Web plus rapides 10 Outils en ligne gratuits pour tester votre site Web Vitesse de chargement et création de pages Web plus rapides La création de pages Web plus rapides est l’un des commandements d’une conception Web de qualité. La première étape pour optimiser votre site Web consiste à le soumettre à un test de vitesse. Ces dix outils sont rares… Lire la suite .

Plus de 30 éditeurs, dont des sites comme Facebook, le New York Times, Buzzfeed, la BBC et le Huffington Post, ont déjà intégré AMP HTML et d'autres devraient suivre dans les mois à venir. Avez-vous remarqué des différences? Envisagez de passer au navigateur mobile le plus rapide. Quel est le navigateur Android le plus rapide? Quel est le navigateur Android le plus rapide? Les navigateurs sous Android peuvent avoir différents moteurs de rendu. Certains navigateurs peuvent donc être plus rapides que d’autres. Lire plus pour des vitesses encore plus rapides.

Avez-vous remarqué un chargement plus rapide que d'habitude sur les sites Web mobiles? Y a-t-il des éditeurs que vous trouvez toujours notoirement lents et qui pourraient changer??

Explorez plus de: Bande passante, Utilisation des données, Haut débit mobile, Navigation mobile, Développement Web.