carga version AMP

El AMP, Accelerated Mobile Pages es un proyecto de código abierto que fue implementado por Google y otros socios tecnológicos en busca de la mejora de la web para todos. Este proyecto es el que permite la creación de anuncios y de sitios web muchísimo más rápidos y de un rendimiento alto en plataformas de distribución y dispositivos.

Las páginas de AMP son compatibles con todos los navegadores y para su desarrollo y funcionamiento existe un ecosistema que incluye más de 100 proveedores de tecnología, 25 millones de dominios y plataformas líderes que abarcan las diferentes áreas de diseño.

Características de las páginas AMP

Las páginas que soportan AMP están desarrolladas principalmente en 3 elementos. Estos elementos sirven para la mejora del rendimiento de las páginas web y sólo aplica en las visitas que provienen desde móviles.

  • AMP HTML: está basada en web components, con la finalidad de generar páginas web más ligeras de HTML. El HTML posee algunas restricciones de etiquetas para poder lograr un rendimiento confiable y con algunas extensiones para compilar contenido enriquecido que este más allá del formato HTML básico. Algunas de ellas poseen su equivalente como la etiqueta img que pasa a ser img-amp, pero en casos de frame u object están prohibidas.
  • AMP JS: la plataforma provee de los recursos que sean necesarios de JavaScript para que los componentes de AMP HTML funcionen. La que va a garantizar la rápida representación es la biblioteca AMP JavaScript.
  • CACHÉS: este es opcional y proporciona mayor velocidad a las páginas AMP HTML. Gracias a la caché queda guardada la información en el servidor para mostrarlo al usuario de una forma óptima.

amp

¿Porque una web carga tan rápido con AMP?

Uno de los principales motivos por el cual AMP funciona de una manera tan rápida es porque está enfocada a dar la información de una manera muy sencilla y simple sintetizando mucho el código HTML.

Elementos como las imágenes son cargadas de manera asíncrona, es decir, que no cargan hasta que no son necesitados, de esta manera al abrir la página no serán cargados todos los elementos en ella y por lo tanto, carga más rápido.

Los elementos serán cargado de acuerdo sean necesitados y vayas haciendo scroll durante la visita. Además, aquellas páginas que usen de una manera correcta el código AMP HTML también usarán la caché de AMP de Google y esto hará que la web vaya mucho más rápido.

¿Qué se consigue con AMP?

La mayoría de las personas cuando una página web no aparece correctamente y de forma rápida en sus dispositivos móviles se les suele acabar la paciencia y salirse de ella al instante. Esto es precisamente lo que la plataforma de AMP quiere evitar, poniendo al alcance de los programadores o responsables de la web los medios técnicos necesarios sobre todo en los que hace referencia a la velocidad de carga.

Con el sistema AMP se pueden lograr algunos datos concretos como:

  1. El gasto de los datos tiende a ser hasta 10 veces menor y también se reduce notablemente el de batería.
  2. Las painas que tienen o utilizan la tecnología AMP, se cargan un 85% más rápido en los móviles que las paginas convencionales.
  3. No llega ni a un segundo el promedio de carga estimado de las páginas AMP.

carga version AMP ultra rapida

Ventajas de AMP

  1. Mejor velocidad de carga: esta es una de las ventajas más evidentes que se tiene, su objetivo principal del AMO es la inmediatez, con AMP sabes que tu web va a cargar de una forma muy rápida, lo que tiende a ser clave para que la experiencia de los usuarios sea la mejor posible.
  2. Nueva fuente de tráfico: Google ofrece destacados fragmentos en los resultados de búsquedas como preguntas y respuestas, noticias, entre otros. Estos fragmentos tienden a estar ocupados en las búsquedas móviles por páginas AMP. Con AMP podras acceder a aquellos visitantes que no podrás conseguir con un resultado de una búsqueda normal.
  3. Mayor rendimiento, especialmente en sitios que reciben mucho tráfico: Por el hecho de que Google va a cargar una versión que tendrán almacenada en caché en sus propios servidores claro está, en lugar de directamente consultar la URL de tu servidor, evitarán la sobrecarga de servidor y además se optimizará el uso del ancho de banda.

Pilares de Accelerated Mobile Pages

  1. Ahorro de ancho de banda.
  2. Carga asíncrona.
  3. Rapidez: Carga y descarga rápida.
  4. Se obtendrán recursos a páginas determinadas, solo se va a traer lo que se va a necesitar y del tamaño que se va a necesitar.
  5. Se utiliza menos JavaScript.