Maison interface Web tutoriel HTML Qu'est-ce que l'AMP ? A quoi sert-il ?

Qu'est-ce que l'AMP ? A quoi sert-il ?

Dec 25, 2018 am 11:29 AM
amp cdn

Qu’est-ce que l’AMP ? A quoi sert-il ? Cet article présentera AMP (Accelerated Mobile Pages) à tout le monde, afin que chacun puisse comprendre quels sont les composants principaux d'AMP et quels sont leurs avantages et inconvénients. Commençons par le contenu spécifique, j’espère qu’il sera utile à tout le monde.

Qu'est-ce que l'AMP ? A quoi sert-il ?

Qu'est-ce que l'AMP ?

AMP (Accelerated Mobile Pages) est un framework open source développé par Google en partenariat avec Twitter qui fournit un moyen simple de créer des pages Web légères pour une utilisation immédiate par les utilisateurs, pour une expérience considérablement améliorée. expérience : le contenu est plus rapide, plus engageant et plus facile à lire.

Essentiellement, le framework AMP nous permet de créer des expériences légères pour les appareils mobiles grâce à des règles HTML et CSS simplifiées.

3 composants principaux des pages AMP

AMP HTML :

Une version plus allégée que le HTML classique Le HTML La version a des spécifications strictes pour les balises HTML pouvant être utilisées. Pour garantir un chargement rapide des pages, certains éléments HTML ne sont pas autorisés sur AMP, comme les formulaires ; certaines balises par défaut sont remplacées par des balises AMP, par exemple, dans le code HTML AMP, la balise < > ; Effectuer l’intégration d’images.

Remarque : AMP a des restrictions sur CSS, et seule une version simplifiée de CSS peut être utilisée.

AMP JS :

Pour garantir un chargement rapide des pages sur les plateformes mobiles, AMP restreint l'utilisation de tout Javascript, à la seule exception des scripts AMP. La propre bibliothèque JavaScript d'AMP est responsable du chargement de tous les éléments du site Web, tandis que toutes les ressources externes sont gérées de manière asynchrone, ce qui signifie que le processus de rendu peut se dérouler sans influence externe.

AMP CDN : souvent appelé cache AMP, un élément clé de la plate-forme AMP est son réseau de diffusion de contenu (CDN) basé sur un proxy qui fournit des pages mobiles accélérées.

Avantages et inconvénients de l'AMP

Avantages :

1. rapide, en utilisant une bonne expérience mobile pour améliorer les taux d'engagement et de conversion.

2. Le contenu peut être mis en évidence dans les carrousels AMP via les résultats de recherche mobile.

3. Réduisez la charge sur le serveur car AMP CDN met en cache et répond à la plupart des résultats de recherche.

Inconvénients :

1. JavaScript a des limites et les utilisateurs ne peuvent pas le créer eux-mêmes, il peut donc être difficile à coder.

2. Sans plug-ins intégrés, certains effets sont difficiles à réaliser sur la page.

3. Le HTML est simplifié, le CSS est limité et le style du site Web ne peut pas être bien personnalisé. La plupart d'entre eux sont le format par défaut de Google.

Résumé : Ce qui précède représente l'intégralité du contenu de cet article, j'espère qu'il sera utile à l'étude de chacun.

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!

Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

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

AI Clothes Remover

AI Clothes Remover

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

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

Échangez les visages dans n'importe quelle vidéo sans effort grâce à notre outil d'échange de visage AI entièrement gratuit !

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

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

Quelle est la meilleure accélération CDN sans inscription ? Quelle est la meilleure accélération CDN sans inscription ? Jun 28, 2023 pm 04:42 PM

La meilleure accélération CDN sans inscription est Cloudflare qui fournit des services mondiaux de protection contre les attaques DDoS et de sécurité des applications Web, qui peuvent protéger votre site Web contre les attaques malveillantes.

Comment configurer et utiliser CDN pour l'accélération dans Vue Comment configurer et utiliser CDN pour l'accélération dans Vue Oct 15, 2023 pm 02:31 PM

Comment configurer et utiliser CDN pour l'accélération dans Vue Dans le projet Vue, l'utilisation de CDN (ContentDeliveryNetwork) peut efficacement accélérer le chargement des pages Web et améliorer l'expérience utilisateur. La technologie CDN distribue des fichiers de ressources statiques à des serveurs situés à divers endroits dans le monde, permettant aux utilisateurs d'obtenir rapidement des ressources du serveur le plus proche de l'utilisateur, réduisant ainsi le temps et les retards de transmission des données. Ce qui suit présentera en détail comment configurer et utiliser CDN pour l'accélération dans Vue. Premièrement, nous devons trouver un

Le problème de crash du disque réseau Baidu a été résolu et nous nous en excusons : il a été corrigé. Veuillez réessayer de vous connecter. Le problème de crash du disque réseau Baidu a été résolu et nous nous en excusons : il a été corrigé. Veuillez réessayer de vous connecter. Aug 10, 2023 pm 02:25 PM

Selon le rapport de ce site Web publié le 9 août à 16h00, les produits de Baidu ont connu des pannes à grande échelle. Par exemple, Baidu Netdisk n'a pas réussi à lire des vidéos pendant son utilisation. Les utilisateurs d'autres entreprises ont également signalé qu'ils ne pouvaient pas être ouverts ou plantés. Après enquête par ce site, il a été constaté que le problème était dû à une anomalie dans le service Baidu CDN. Baidu Netdisk a répondu qu'il était vraiment désolé pour ce problème et qu'il le réparait de toute urgence. Veuillez patienter et merci de votre compréhension. Quelques minutes plus tard, Baidu Netdisk a répondu que le problème était résolu, veuillez réessayer de vous connecter, merci pour votre soutien. CDN (Content Distribution Network) distribue le contenu du site d'origine aux nœuds d'accélération du monde entier, afin que les utilisateurs puissent être programmés pour le faire. le nœud d'accélération le plus proche lors de la demande de ressources du site Web, obtenez ainsi directement le contenu dont vous avez besoin et améliorez l'accès des utilisateurs aux ressources du site Web

Méthodes et applications d'accélération CDN avec PHP Méthodes et applications d'accélération CDN avec PHP Jun 18, 2023 pm 06:42 PM

Avec le développement rapide d'Internet, la vitesse d'accès aux sites Web fait l'objet de plus en plus d'attention, et CDN (ContentDeliveryNetwork) est actuellement l'une des technologies les plus couramment utilisées pour accélérer l'accès aux sites Web. L'accélération CDN utilise plusieurs serveurs répartis à différents endroits pour transmettre les demandes des utilisateurs vers des serveurs plus proches de l'utilisateur afin d'accélérer l'accès au site Web. PHP est un langage de développement couramment utilisé pour implémenter l'accélération CDN. Cet article explique comment utiliser PHP pour implémenter l'accélération CDN et l'appliquer à des applications réelles.

Quelle pièce est l'AMP ? Quelle pièce est l'AMP ? Feb 24, 2024 pm 09:16 PM

Qu’est-ce que la pièce AMP ? Le token AMP a été créé par l'équipe Synereo en 2015 comme principale devise de trading de la plateforme Synereo. Le jeton AMP vise à offrir aux utilisateurs une meilleure expérience économique numérique grâce à de multiples fonctions et utilisations. Objectif du jeton AMP Le jeton AMP a plusieurs rôles et fonctions dans la plateforme Synereo. Premièrement, dans le cadre du système de récompense en crypto-monnaie de la plateforme, les utilisateurs peuvent gagner des récompenses AMP en partageant et en promouvant du contenu, un mécanisme qui encourage les utilisateurs à participer plus activement aux activités de la plateforme. Les jetons AMP peuvent également être utilisés pour promouvoir et distribuer du contenu sur la plateforme Synereo. Les utilisateurs peuvent augmenter la visibilité de leur contenu sur la plateforme en utilisant des jetons AMP pour attirer davantage de téléspectateurs à consulter et à partager.

Exemple de code Java : utilisation de l'interface Alibaba Cloud CDN pour accélérer les pages Web Exemple de code Java : utilisation de l'interface Alibaba Cloud CDN pour accélérer les pages Web Jul 06, 2023 am 08:09 AM

Exemple de code Java : Utilisation de l'interface Alibaba Cloud CDN pour réaliser l'accélération des pages Web Introduction : Dans l'ère actuelle de développement rapide d'Internet, la vitesse de chargement des pages Web est devenue un indicateur d'évaluation important permettant aux utilisateurs d'évaluer un site Web. Afin d'améliorer la vitesse d'accès aux sites Web et l'expérience utilisateur, de nombreux sites Web choisissent d'utiliser des services d'accélération de pages Web. Alibaba Cloud fournit une variété de services CDN et fournit le JavaSDK correspondant, ce qui nous permet d'intégrer facilement l'interface Alibaba Cloud CDN en Java pour obtenir une accélération des pages Web. Cet article explique comment utiliser Alibaba Cloud CDN

Optimisez la vitesse d'accès au site Web Python et utilisez des méthodes d'accélération des ressources statiques telles que la mise en cache du CDN et du navigateur. Optimisez la vitesse d'accès au site Web Python et utilisez des méthodes d'accélération des ressources statiques telles que la mise en cache du CDN et du navigateur. Aug 04, 2023 pm 05:09 PM

Optimisez la vitesse d'accès aux sites Web Python et utilisez des méthodes d'accélération des ressources statiques telles que le CDN et la mise en cache du navigateur. À l'ère d'Internet d'aujourd'hui, les utilisateurs ont des exigences de plus en plus élevées en matière de vitesse d'accès aux sites Web. Un site Web réactif peut offrir une meilleure expérience utilisateur, augmentant ainsi la fidélité et la satisfaction des utilisateurs. Dans le développement de sites Web Python, en utilisant des méthodes d'accélération des ressources statiques telles que le CDN (réseau de diffusion de contenu) et la mise en cache du navigateur, la vitesse d'accès du site Web peut être considérablement améliorée. CDN est un réseau de serveurs distribués qui stocke les ressources statiques loin des utilisateurs.

Comment utiliser le proxy inverse Nginx et le cache proxy_cache pour créer un serveur CDN Comment utiliser le proxy inverse Nginx et le cache proxy_cache pour créer un serveur CDN May 12, 2023 pm 05:43 PM

Problème rencontré : il est très lent pour les utilisateurs mobiles d'accéder au serveur Web www.osyunwei.com. Solution : 1. Placez un serveur proxy inverse nginx dans la salle informatique mobile. 2. Résolution intelligente via le nom de domaine DNS. les utilisateurs accèdent à www.osyunwei.com Résoudre le serveur proxy inverse nginx 3. Connexion de ligne dédiée entre le serveur proxy inverse nginx et le serveur Web Instructions : 1. Ligne du serveur Web : IP télécom : 192.168.21.129 Nom de domaine : www.osyunwei.com 2. . Ligne de serveur proxy inverse nginx : Système mobile : centos6.2ip : 192.168.21.164vi/e.

See all articles