AMP es un HTML que esta optimizado para móviles, con una serie de reglas con la intención de ofrecer visualizaciones de páginas de una manera muy rápida. El objetivo principal de AMP es ofrecer contenidos adaptados para móviles.
¿Por qué AMP es más rápido?
Vamos a mostrarles una serie de motivos por los que AMP es tan rápido:
- Solo permite scripts asíncronos: esto favorece a la velocidad de la página, ya que los scripts no asíncronos retrasan la carga de la página y bloquean la construcción DOM. AMP solo admite scripts especialmente diseñados para ofrecer un rendimiento óptimo. De hecho no permite el uso de todo JavaScript.
- No permite la carga en bloque de nada: los elementos externos se incluyen en iframes. AMP creará la caja del iframe sin importar lo que contenga, ya que la principal función de AMP es que nada frene la carga.
- Los recursos externos tendrán las dimensiones definidas: las imágenes y los iframes tienen que tener el tamaño debidamente definido para que AMP conozca sus dimensiones antes de descargarlos.
- Prioridades en la carga de recursos: AMP optimiza y establece unas prioridades para que se descarguen primero los recursos más importantes. En el caso de las imágenes solo se descargaran si el usuario las va a visualizar.
- El CSS está incluido y con tamaños especificados: para que CSS no bloquee la carga de la pagina, ahora AMP obliga a usar CSS inline con un máximo de 50kb para asegurar su eficiencia.
- La carga de fuentes será de una manera eficaz: muchas veces las fuentes son muy pesadas y perjudican al rendimiento. Normalmente los navegadores impiden la descarga de fuentes hasta que no estén descargados los estilos y los scripts, pero AMP al usar CSS inline y scripts asíncronos no tiene que esperar para descargar las fuentes.
- Las páginas se cargan en un instante: usa la API PreConnect con la que hace de una forma muy eficaz la precarga, carga y descarga de los recursos que usara el usuario, favoreciendo a la carga de la página.
AMP ofrece una mejor experiencia de navegación mediante el móvil, hay que recordar que cada vez son más los que utilizan el móvil para navegar por internet, por lo que es muy importante que nuestra página web funcione de una forma rápida y eficaz en estos dispositivos.