Optimiza tu web para móviles con AMP

AUTOR: Rodrigo Tomé Nieto
La tecnología AMP (Accelerated Mobile Pages) permite que las páginas web se cargen más rápido en dispositivos móviles. Para utlizarla solo hay que dar cuatro clicks de ratón.
Se trata de instalarse el plugin AMP desde el MartketPlace de Wordpress. Para acceder a las URL AMP hay que poner /amp al final de las direcciones. Esto es así en el modo básico, pero si tenéis tiempo podéis usar sus modos “avanzados” para que vuestra web use la versión AMP en su modo canónico.
Esta tecnología utiliza AMP HTML, que es un HTML con algunos añadidos:
  1. Solo se usan etiquetas HTML permitidas o equivalentes. Por ejemplo, la etiqueta img de las imágenes, se puede usar como img-amp. Esto publicará las fotos con menos peso y, por tanto, cargarán más rápido.
  2. Otras etiquetas están prohibidas, como object o frame. Así que no se pueden insertar vídeos ni determinados objetos, como botones para acceder a redes sociales.
  3. El uso de recursos JavaScript queda restringido a las librerías de AMP HTML.
AMP utiliza cachés CDN (Content Delivery Network) del propio proyecto AMP. Así que las páginas AMP se envían a este tipo de servidores, que confirman que su implementación es correcta y, en caso afirmativo, guardan la respuesta para poder servirla al usuario en condiciones óptimas.
Os sugiero dos enlaces, el primero es de información adicional sobre AMP y el segundo una guía de instalación.

1 comment:

  1. Por suerte para ti, hay muchas de Shopify templates de moda de alta calidad que te brindan la funcionalidad necesaria.

    ReplyDelete