Lancement d’un nouveau projet de Google « Accelerated Mobile Pages »

Google Inc Accelerated Mobile Pages Project To Enhance Your Browsing Experi

 

Hier, une nouvelle annonce a été publiée sur le blog officiel de Google. Il s’agit du projet « Accelerated Mobile Pages » (AMP). Son but principal est d’accélérer le chargement des pages web sur les appareils mobiles. Les développeurs utiliseront une bibliothèque spéciale AMP HTML. Il est déjà possible d’accéder à une version preview sur github. Cette bibliothèque possède déjà un symbole non officiel « ⚡ » qui souligne la vitesse de travail sur les appareils mobiles.


Selon les créateurs de l’AMP HTML, la productivité d’une page web dépend du nombre de scripts JavaScript qui proviennent de différentes bibliothèques pour réaliser différentes fonctionnalités dynamiques. Nous proposons d’utiliser Web Components qui est développés pour AMP HTML (au lieu d’utiliser JavaScript) pour certains éléments du site (par exemple, les vidéos). Ici, vous pouvez trouver une liste de ces Composants. Leur code JS ne modifie pas la productivité des pages web.

Pour l’instant, la bibliothèque AMP HTML ne contient que 4 composants et un validateur spécifique pour vérifier si une page web a été créée en respectant le standard AMP. Si on ajoute « #development=1 » à l’adresse URL, la bibliothèque exécute des méthodes assert afin de vérifier si le markup de la page correspond aux principes AMP, vous pourrez voir le résultat de cette action dans la console de votre navigateur.
Ci-dessous un exemple d’une page :

<!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>

Comme exemple, Google propose un moteur de recherche qui est accessible depuis les appareils mobiles via l’URL : g.co/ampdemo. Voici un exemple d’animation gif qui reflète ces fonctionnalités.

F616ee7a16874a31b5c334d41dd975e6
Vous trouverez plus d’informations sur le site Ampproject.org

Articles similaires

4 raisons de ne pas désactiver le zoom en responsive design

 

Votre site utilise un design responsive et vous vous demandé s’il faut désactiver le zoom ?

Après tout, il faut beaucoup d’efforts pour que votre site s’affiche correctement. Le « pincement pour zoomer » a-t-il été créé pour les vieux sites où il n’y avait pas d’autres moyens de s’en sortir ?

Actuellement avec les sites web responsives, chaque objet est à sa place : l’utilisateur n’a pas besoin du zoom. Ce serait donc logique de le désactiver, pourtant voici quelques raisons de ne pas le faire : Читать дальше...

Comment gérer Twitter et vos followers ?

 

Une fois que vous  avez décidé de présenter votre entreprise sur Twitter , vous devez décider comment gérer  vos followers, comment augmenter leur nombre et comment économiser votre temps. Il existe de nombreux outils pour vous aider à gérer vos abonnés.

Ci-dessous quelques instruments pour faciliter votre activité sur Twitter.

  Читать дальше...