Hoy, el blog oficial de Google ha anunciado el anuncio de una nueva iniciativa abierta del gigante de búsquedas Accelerated Mobile Pages (AMP), diseñada para acelerar las páginas web en dispositivos móviles. Estamos hablando del uso que hacen los programadores web de una biblioteca HTML AMP especial, cuyo código en el estado de una vista previa técnica está disponible en github . El símbolo no oficial de la biblioteca es el rayo "⚡", lo que implica la velocidad de su trabajo en dispositivos móviles.HTML de AMP cree que el rendimiento de una página web depende en gran medida de la cantidad de código JavaScript para una variedad de bibliotecas que implementan diversas funciones dinámicas. En lugar de usar Javascript explícita o implícitamente para elementos como varios votos o videos, se alienta a los desarrolladores a usar Componentes Web diseñados específicamente para AMP HTML. Una lista de tales componentes se puede encontrar aquí . El código JS de estos componentes no debe afectar el rendimiento de la página web.Ahora la biblioteca HTML de AMP contiene solo 4 componentes y un validador especial, con el que puede verificar si la página se creó de acuerdo con el estándar AMP. Si agrega "# desarrollo = 1" a la URL, la biblioteca ejecutará una serie de métodos de afirmación para averiguar si el diseño de la página es adecuado para los principios de AMP e imprimirá los resultados en la consola del navegador. Una página web simple debería verse así:<!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>
Para ver un ejemplo de documentos AMP listos para usar, Google sugiere probar su búsqueda: puede acceder desde un dispositivo móvil en esta URL: g.co/ampdemo . Puede evaluar cómo se ve visualmente con la ayuda de gif-animation:
hay una variante del documento y más simple: solo habla de la ideología de AMP.