Pourquoi Google a-t-il lancé le programme AMP ?

Pourquoi Google lance-t-il le programme AMP ?

Google a récemment annoncé un projet d'accélération Web appelé AMP pour améliorer la vitesse de chargement des pages Web mobiles. AMP est un projet open source. Cette technologie peut limiter le HTML, le CSS, le JavaScript qui peuvent coder. qui affecte la vitesse de chargement des pages Web. Google a déclaré : Cette technologie peut aider les téléphones mobiles Nexus 5 à augmenter la vitesse de chargement des pages Web de 15 % à 85 % sur les réseaux 3G ( Google AMP et Baidu MIP ont un. impact sur le SEO. Impact )

Le noyau technique de ce projet est AMP HTML qui peut minimiser les requêtes HTTP et charger l'intégralité du contenu de la page Web en même temps, mais cette technologie limitera les CSS, comme les animations. et les barres de défilement. Ce contenu peut être affecté, et le contenu utilisant du code JavaScript ne sera pas pris en charge

Problèmes spécifiques avec le site de téléphonie mobile d'origine

Avant de discuter de la solution, cela vaut la peine de consacrer un peu de temps à explorer le problème. Si vous lisez beaucoup sur les appareils mobiles, vous savez probablement déjà que sur les téléphones mobiles ou à quel point les interactions Web sont terribles sur les ordinateurs. se chargent souvent lentement, s'affichent de manière irrégulière et interagissent de manière étrange, principalement pour deux raisons :

Interférence de tiers

L'insertion de publicités et de certaines technologies de suivi et d'analyse augmente la taille de la page et augmente le nombre de requêtes, même si l'utilisateur dispose d'un appareil avec une bande passante et un processeur de traitement limités. De plus, la page se comporte souvent comme si elle était uniquement destinée à la publicité, en insérant plusieurs appels document.write(). Le New York Times a récemment mené un test qui a montré que la taille de la page augmentait après l'installation d'un logiciel de blocage de contenu sur les téléphones iOS. Réduction énorme de la durée de vie de la batterie et augmentation de la durée de vie de la batterie

Les dommages causés par le réactif. conception de sites Web

Bien que la plupart des sites Web réactifs fonctionnent bien sur toutes les tailles d'écran, cela les amène également à consommer beaucoup de ressources d'affichage sur le bureau lorsqu'ils sont affichés sur les téléphones mobiles. Lorsque Paul Irish a enquêté sur les performances de Reddit, il a découvert. qu'une grande partie de la surcharge peut être attribuée à l'utilisation du rendu svg pour la mascotte de Reddit, afin qu'elle puisse afficher des effets d'animation lorsque la souris est survolée (basée sur une bibliothèque tierce, ce qui signifie une surcharge élevée) - c'est le cas. ce n'est pas une situation où les ressources peuvent souvent être trouvées sur les appareils mobiles

Selon Facebook Selon l'enquête (PDF, 3,4 Mo), le temps de chargement moyen d'un article sur les appareils mobiles est de 8 secondes. monde des articles instantanés Facebook, Apple News et AMP Prendre huit secondes pour charger est évidemment une exagération, ce qui est suffisamment de temps pour parcourir une deuxième vidéo Vine. Objectivement parlant, selon les normes actuelles, le chargement semble prendre une éternité. .

En quoi AMP est différent

Quelques informations sur la différence entre AMP et Facebook Instant Articles par rapport à Apple News montreront ce que Google fait pour sa nouvelle initiative de publication numérique Decide.

Les articles instantanés Facebook et Apple News ont les points communs suivants :

Expérience dans l'application

Les lecteurs passent le logiciel Facebook sur votre téléphone pour accéder aux articles instantanés de Facebook, tandis qu'Apple News utilise une application complètement distincte dans iOS 9. Aucune des deux plateformes ne permet aux utilisateurs de lire leurs articles en dehors de l'application. Vous pouvez les considérer comme une application de mise à jour RSS spécialement conçue.

Syndication Driven

Cependant, Facebook et Apple utilisent des formats de syndication différents (le format Apple News est basé sur JOSN, tandis que le balisage des articles instantanés est plus ou moins balisé avec HTML dans un Flux RSS), ils sont tous basés sur le même principe : tromper le système de gestion de contenu pour qu'il génère les formats de syndication nécessaires, puis Facebook et Apple travailleront sans arrêt pour les extraire, les analyser et les embellir, suivis d'une personnalisation rapide. rendu.

Orienté vers l'expérience

Alors que Facebook Instant Articles et Apple News se concentrent tous deux sur les performances, ils s'efforcent également de rendre les articles plus modernes. Les deux plateformes disposent de composants qui nous permettent de créer des interfaces élégantes et fluides, ce qui se traduit généralement par une expérience de lecture personnalisable et artisanale.

En revanche, AMP a un autre objectif :

Expérience basée sur des pages Web

Les fichiers AMP sont conçus. Le résultat peut être rendu sur les navigateurs et les WebViews.

Fichiers atomiques

Bien que les fichiers AMP doivent être validés, analysés et partiellement rendus au moment de l'exécution AMP, ils sont mis en cache sur votre serveur ou dans des fichiers CDN complètement indépendants, plutôt que certains ensembles de données sources qui peuvent être convertis en articles à un moment donné et rendus sur l'APP.

Orienté performance

Par rapport au mode d'interaction ou aux éléments esthétiques, AMP accorde plus d'attention aux performances. Cela ne veut pas dire que les fichiers AMP sont tous minuscules (quand ils utilisent le bon style, ils peuvent être aussi attrayants que les articles instantanés de Facebook ou Apple News), mais plutôt que d'offrir des visuels fantaisistes comme des petites choses folles, ils se soucient davantage de la façon de le faire. rendre les articles plus rapidement.

Google utilise désormais AMP HTML pour ses produits de recherche. Bien que la technologie présente encore certaines limites, Google a déclaré que 30 éditeurs et entreprises technologiques avaient participé au projet, dont la BBC, le New York Times et Buzzfeed.

Bien que ces paramètres techniques initiaux puissent être modifiés, les spécifications techniques d'AMP ont été publiées sur Github pour que les sites Web puissent les essayer.

Google travaille actuellement dur pour améliorer son expérience de lecture mobile. Même si cette technologie présente encore quelques lacunes, les terminaux mobiles représentent 37 % du trafic, ce qui incitera de plus en plus de sites Web à rejoindre le programme AMP. ActuellementBaidu, Sogou et Yahoo ont officiellement pris en charge AMP !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!