4 trucos para el desarrollo con el framework AMP

Descubre estos trucos para aumentar las posibilidades de las páginas web desarrolladas mediante el framework AMP

Photo by Harley-Davidson on Unsplash

English version: https://medium.com/@ger86/4-tricks-for-developing-with-the-amp-framework-47af5caf71f9

Durante estas semanas he estado trabajando en mejorar la página web de una empresa organizadora de eventos que he desarrollado completamente sobre el framework AMP.

Este framework, que nos permite la carga prácticamente instantánea de páginas web y que es promocionado por la propia Google (que cachea aquellas páginas desarrolladas con AMP o con una versión de este framework) tiene sin embargo una serie de limitaciones:

• El tamaño de la hoja de estilos no puede superar los 50 KB.
• Es necesario emplear determinadas etiquetas especiales en vez de las habituales de HTML (por ejemplo, img es reemplazada por amp-img .
• Es obligatorio el uso de HTTPS.
• Los formularios (que son enviados mediante peticiones XHR) han de ser compatibles con CORS de modo que cuando Google cachee la página sigan funcionando
• Y… no se puede usar Javascript 😱😱😱