Qu'est-ce que c'est que Google AMP ?
C'est quoi Google AMP ?
Google AMP (Accelerated Mobile Pages) est une entité juridique lancée par Google pour créer des pages Web à contenu statique, fournir un rendu fiable et rapide et accélérer le temps de chargement des pages, notamment sur mobile. afficher le contenu sur le Web.
AMP HTML est entièrement construit sur les technologies Web existantes, en limitant certaines parties de HTML, CSS et JavaScript pour fournir des performances fiables. Ces restrictions sont appliquées via AMP HTML, un validateur. Pour compenser ces limitations, AMP HTML définit une série d'éléments personnalisés qui vont au-delà du HTML de base pour enrichir le contenu.
D'un point de vue technique, la raison pour laquelle les pages Web utilisant la technologie AMP peuvent être ouvertes si rapidement est principalement due au fait qu'elle élimine diverses parties du code de la page Web qui peuvent ralentir la vitesse, comme les tiers. -fichiers de script de fête, certaines balises HTML, trackers publicitaires, etc.
Grâce à la démonstration ci-dessus des rendus dynamiques Google AMP, tout le monde devrait le savoir. Si vous connaissez Baidu MIP, alors vous. J'ai dû plus ou moins entendre parler de Google AMP Après tout, Baidu MIP est la version nationale d'AMP Avec les deux principaux moteurs de recherche nationaux Baidu et Sogou rejoignant le projet open source Google AMP, je crois que Google. AMP sera également bientôt à la portée de tous.
Le but d'AMP
Le but d'AMP est d'améliorer considérablement la vitesse de chargement des pages Web mobiles, les rendant ainsi plus propices à l'expérience de navigation des visiteurs. Selon les statistiques de Google, si une page du terminal mobile n'a pas été chargée dans les 3 secondes, plus de 90 % des visiteurs fermeront la page web ou visiteront d'autres pages web. Le temps de chargement est donc très important pour obtenir un trafic efficace. Cependant, la technologie Web actuelle ne peut pas atteindre le point de chargement en prime time en 3 secondes. Les données de Google montrent que le temps de chargement moyen des pages mobiles est actuellement de 8 secondes ! Cela signifie que la grande majorité des sites Web ont perdu plus de 90 % de leur trafic effectif ! . Le projet AMP est né pour permettre à la plupart des pages de se charger le plus rapidement possible sur les pages mobiles.
Il convient de mentionner que le projet AMP a été initialement lancé par Google, mais il a rapidement reçu des réponses de nombreux sites Web et a progressivement évolué vers une tendance de développement qui a une grande influence sur la recherche naturelle. À l'heure actuelle, de grands sites d'information tels que le Wall Street Journal, le New York Times et la BBC ont commencé à utiliser la technologie AMP pour accélérer les pages Web mobiles.
Comment fonctionne AMP
Le principe de fonctionnement d'AMP peut être simplement résumé comme : Réduction de la charge de code + préchargement du cache
Côté site Web : Écrivez le code HTML de la page du site Web entièrement conformément aux règles AMP, ce qui supprime considérablement la charge de chargement du code redondant
Côté site Web : Suivez Google Les règles AMP appellent JS et CSS, réduisant ainsi la charge de chargement des composants
Côté Google : lorsque les informations de la page sont écrites en totale conformité avec les règles AMP, elles sont soumises au DNS de Google, et Google DNS sera Les informations de la page sont mises en cache dans son propre serveur de cache (remarque : il s'agit du propre serveur de cache DNS de Google)
Client : lorsque l'utilisateur recherche une page Web AMP dans le moteur de recherche et clics Lorsque , Google appellera d'abord les données mises en cache dans le serveur de cache DNS pour les afficher au visiteur, afin que le visiteur puisse voir les informations qu'il souhaite voir pour la première fois
La composition de l'AMP
AMP (page mobile accélérée) se compose de 3 parties dans le contenu :AMP HTML AMP JS Google AMP Cache
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!

Outils d'IA chauds

Undresser.AI Undress
Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover
Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool
Images de déshabillage gratuites

Clothoff.io
Dissolvant de vêtements AI

AI Hentai Generator
Générez AI Hentai gratuitement.

Article chaud

Outils chauds

Bloc-notes++7.3.1
Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise
Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1
Puissant environnement de développement intégré PHP

Dreamweaver CS6
Outils de développement Web visuel

SublimeText3 version Mac
Logiciel d'édition de code au niveau de Dieu (SublimeText3)

L'article discute de l'utilisation de balises Meta pour contrôler la mise à l'échelle des pages sur les appareils mobiles, en se concentrant sur des paramètres tels que la largeur et l'échelle initiale pour une réactivité et des performances optimales. COMMANDE: 159

L'article traite de la gestion de la confidentialité de l'emplacement des utilisateurs et des autorisations à l'aide de l'API Geolocation, mettant l'accent sur les meilleures pratiques pour demander des autorisations, assurer la sécurité des données et se conformer aux lois sur la confidentialité.

L'article explique comment utiliser l'API HTML5 Drag and Drop pour créer des interfaces utilisateur interactives, détaillant les étapes pour rendre les éléments dragables, gérer les événements clés et améliorer l'expérience utilisateur avec des commentaires personnalisés. Il discute également des pièges communs à un

L'article discute de l'utilisation de l'API de visibilité de la page HTML5 pour détecter la visibilité de la page, améliorer l'expérience utilisateur et optimiser l'utilisation des ressources. Les aspects clés comprennent la pause des supports, la réduction de la charge du processeur et la gestion de l'analyse en fonction des changements de visibilité.

Cet article explique l'API HTML5 WebSockets pour la communication client-serveur bidirectionnelle en temps réel. Il détaille les implémentations côté client (JavaScript) et côté serveur (Python / Flask), résolvant des défis tels que l'évolutivité, la gestion de l'état, un

L'exécution du projet H5 nécessite les étapes suivantes: Installation des outils nécessaires tels que le serveur Web, Node.js, les outils de développement, etc. Créez un environnement de développement, créez des dossiers de projet, initialisez les projets et écrivez du code. Démarrez le serveur de développement et exécutez la commande à l'aide de la ligne de commande. Aperçu du projet dans votre navigateur et entrez l'URL du serveur de développement. Publier des projets, optimiser le code, déployer des projets et configurer la configuration du serveur Web.

L'article explique comment utiliser l'API des notifications HTML5 pour afficher les notifications de bureau, en se concentrant sur les exigences d'autorisation, la personnalisation et la prise en charge du navigateur.
