Que es AMP y porqué deberías comenzar a utilizarlo

Las páginas AMP (Accelerated Mobile Pages) son páginas web diseñadas siguiendo especificaciones que tienen como principal meta optimizar el tiempo de carga de la web.

Este es un proyecto de código abierto el cual está impulsado por Google en conjunto con algunos de los medios digitales más importante del mundo como The Guardian, The New York Times, BBC, El País y The Washington Post, además cuenta con el respaldo de pesos pesados tecnológicos como Facebook, Twitter por nombrar algunos.

Si bien las web responsive, se adaptan a los móviles estas por lo general tardan mucho tiempo en cargar, es por ello que ha surgido esta nueva tecnología para optimizar el tiempo de carga de la web y de alguna manera crear un nuevo paradigma para los desarrolladores ya que hay que replantearse la manera en que se están colocando tanto script tanto css para mejorar tal vez la funcionalidad o el look and feel pero sacrificando el tiempo de carga, en este caso AMP pretende mantener una buena apariencia pero aplicando técnicas pensando en obtener el menor tiempo posible de carga.

Cabe destacar que AMP extiende el html para agregar nuevas etiquetas. 

Ventajas:

1. Se reduce el tiempo de carga en un 40% o más.

2. Las páginas válidas para AMP son almacenadas en el cache de Google, lo cual hace que el tiempo de respuesta de la misma, se reduzca mucho más.

3. Los post donde se ha aplicado AMP  son priorizados por el buscador en los resultados de las noticias.

4. Uno de los factores prioritarios que utiliza google para dar un mejor posicionamiento a las web es la velocidad de carga, entonces AMP se convierte en un factor importante para el posicionamiento SEO.

5. Mayor visibilidad del contenido en resultados de búsqueda.

5. Los resultados convencionales de google también son destacados ya que se coloca un icono indicando que está optimizado para AMP.

Así se ve un post en su versión AMP:

No cabe duda que esto revolucionará la forma en que se genera contenido para el móvil donde los usuarios no tengan que esperar más de uno o dos segundos para ver el contenido.

Pero AMP no todo es maravilloso ya que para poder garantizar  una gran velocidad han colocado algunas restricciones:

1. No se permite llamados a CCS externo.

2. El único elemento JavaScript que se permite es del mismo AMP.

3. No se permite iframe que llamen a un contenido que no sea de protocolo seguro (http:// no se permite solo https://).

4. No se permite style inline.

5. No se permiten formularios.

6. El CCS que se cargue  debe ser menor a 50 kb.

Aquí les dejo la pagina de ejemplo de AMP donde podrán observar todos los componentes que se permiten y de qué manera poder integrarlo a su site.