Aujourd'hui, le blog officiel de Google a annoncé l'annonce d'une nouvelle initiative ouverte par le géant de la recherche Accelerated Mobile Pages (AMP), conçue pour accélérer les pages Web sur les appareils mobiles. Nous parlons de l'utilisation par les programmeurs web d'une bibliothèque HTML AMP spéciale, dont le code à l'état d'aperçu technique est disponible sur github . Le symbole officieux de la bibliothèque est l'éclair "⚡", impliquant ainsi la rapidité de son travail sur les appareils mobiles.AMP HTML estime que les performances d'une page Web dépendent fortement du nombre de code JavaScript pour une variété de bibliothèques qui implémentent diverses fonctionnalités dynamiques. Au lieu d'utiliser Javascript explicitement ou implicitement pour des éléments tels que divers votes ou vidéos, les développeurs sont encouragés à utiliser des composants Web spécialement conçus pour AMP HTML. Une liste de ces composants peut être trouvée ici . Le code JS de ces composants ne doit pas affecter les performances de la page Web.Maintenant, la bibliothèque HTML AMP ne contient que 4 composants et un validateur spécial, avec lequel vous pouvez vérifier si la page est créée selon la norme AMP. Si vous ajoutez "# development = 1" à l'URL, la bibliothèque exécutera une série de méthodes d'assertion pour déterminer si la mise en page convient aux principes AMP et afficher les résultats dans la console du navigateur. Une simple page Web devrait ressembler à ceci:<!doctype html>
<html ⚡>
<head>
<meta charset="utf-8">
<link rel="canonical" href="hello-world.html" >
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no,minimal-ui">
<script src="https://cdn.ampproject.org/v0.js" async></script>
<style>body {opacity: 0}</style><noscript><style>body {opacity: 1}</style></noscript>
</head>
<body>Hello World!</body>
</html>
Pour un exemple de documents AMP prêts à l'emploi, Google suggère d'essayer votre recherche - vous pouvez y accéder à partir d'un appareil mobile à cette URL: g.co/ampdemo . Vous pouvez évaluer à quoi il ressemble visuellement à l'aide de gif-animation:
Il existe une variante du document et plus simple: il ne fait que parler de l'idéologie d'AMP.