El Salvador, Centro América
+503 70398489

¿Qué es AMP: Accelerated Mobile Pages?

AMP

¿Qué es AMP: Accelerated Mobile Pages?

ubiraci October 9th, 2017

A Google le gusta AMP: Accelerated Mobile Pages y se ha puesto serio con la optimización de páginas web para dispositivos móviles. Las búsquedas desde estos dispositivos no paran de crecer, y Google quiere asegurarse de ofrecer la mejor experiencia de navegación posible. Por ello, desde hace ya unos cuantos meses, Google comenzó a priorizar las páginas responsive y bien optimizadas para móviles y tabletas, en los SERP’s (Search Engine Ranking Positions).

¿Qué es AMP: Accelerated Mobile Pages?

Las siglas AMP hacen referencia a Accelerated Mobile Pages, o lo que es lo mismo, páginas móviles aceleradas.

¿Por qué solo se centran en velocidad para móviles? Porque cada vez son menos los usuarios que navegan desde el PC y cada vez son más los que lo hacen desde dispositivos móviles. Por lo tanto, la tendencia actual es la de haber cada vez menos PCs navegando por Internet.

Es más, en algunos nichos los usuarios usando móvil superan con creces el número de usuarios desde PC.

AMP es una nueva forma de construir las webs de tal manera que ya no se usa el HTML tradicional si no que se usa el AMP HTML, con sus propias etiquetas y directrices.

AMP: Accelerated Mobile Pages¿Por qué carga tan rápido una web con AMP?

Uno de los grandes motivos por los que AMP funciona tan rápido es porque está enfocado a dar la información de una forma muy simple y sencilla. De este modo se sintetiza mucho el código HTML, lo cual hace que la carga sea mucho más rápida.

Del mismo modo, algunos elementos como las imágenes cargan de forma asíncrona, es decir, no cargan hasta que no son necesitados. De este modo al abrir la página no se cargan todos los elementos y por lo tanto carga mucho más rápido. Estos elementos serán cargados con forme vayas haciendo scroll y sean necesitados.

Además, las páginas que usen AMP validado, es decir en el que se use correctamente el código AMP HTML, también usarán la caché de AMP de Google, lo cual hará que aun vaya más rápido la web.

Mejora del rendimiento

Recordemos que el objetivo de todo esto es ofrecer páginas más sencillas y optimizadas para que la respuesta al usuario desde dispositivos móviles sea más ágil. Para conseguir esto se hace uso de técnicas de implementación WPO. Veamos algunos ejemplos:

  • JavaScript asíncrono: sólo podemos hacer uso de scripts asíncronos. Recordemos que el código JavaScript puede bloquear la construcción del DOM y esto retrasa el renderizado de la página, lo que se traduce en una mayor sensación de lentitud de la página.
  • Tamaño de elementos estáticos en el HTML: AMP desacopla la capa de presentación de la descarga de los recursos estáticos necesarios para completarla. Dicho de otro modo, primero descarga todo el HTML y después los recursos necesarios como imágenes, fuentes, etc. AMP necesita que se especifique el tamaño de los recursos estáticos en el HTML para ser capaz de optimizar su carga.
  • Las peticiones externas están prohibidas: no está soportado el uso de extensiones externas que debido a las llamadas adicionales y JavaScript asociado pueden retrasar el renderizado de la página. Para extensiones concretas como lightboxsliders o insertar vídeos, AMP cuenta con elementos específicos para algunos de ellos.

Pese a la sencillez y las restricciones, AMP HTML ofrece etiquetas para insertar un buen número de elementos que enriquecen el contenido como imágenes, vídeos o anuncios de redes soportadas por este tipo de implementación. Además se siguen desarrollando nuevos componentes que posibilitarán el uso de nuevas funcionalidades.

¿Y qué pasa con el diseño responsivo?

Inicialmente el diseño adaptativo llegó con la idea de conseguir que el contenido de un sitio Web fuera accesible desde cualquier tipo de dispositivo. Pero después de algunos años de bagaje los desarrolladores empiezan a sufrir los quebraderos de cabeza que conlleva el adaptar un sitio a cada tipo de dispositivo. En muchos casos el problema radica justo en eso, la adaptación de un sitio existente a dispositivos móviles sin seguir una metodología mobile-first design que por otro lado no siempre hace óptima la navegación desde dispositivos de escritorios.Diseño responsivoCon la llegada de nuevos dispositivos como wearables o dispositivos multimedia como los SmartTV el problema se ha acusado y queda patente que es complicado adaptar un mismo contenido a distintos dispositivos desde los cuales los usuarios además suelen tener distintas necesidades de contenido para una misma página. Es necesario por lo tanto estar actualizando continuamente el diseño de nuestro sitio para cumplir con las necesidades de acceso de los usuarios teniendo en cuenta nuevos frameworks que aparecen e incrementando con esto la carga de código en muchos casos, lo que afecta negativamente en el tiempo de carga de nuestro sitio y por lo tanto el WPO. Por lo tanto vemos que el diseño responsivo no es la panacea y AMP llega para cubrir los huecos que esta filosofía de diseño y desarrollo de sitios Web no está cubriendo de forma óptima.

Que queda claro que AMP no es lo mismo que responsive.

AMP, apoyado por Google

El proyecto AMP, está siendo apoyado por el gigante de internet Google, y el principal fin es que las páginas web carguen mil veces más rápido que cuando se visitan desde un dispositivo móvil.

Este proyecto sigue creciendo ya que Google busca dar solución al tiempo de carga de una web en los dispositivos móviles, ya que cuando estas tienen que cargar grandes imágenes y scripts, el tiempo de espera es tan largo que la gente no es paciente y acaba saliéndose.

Notas Relacionados

Escribe un Comentario

¿Qué es AMP: Accelerated Mobile Pages?

A Google le gusta AMP y se ha puesto serio con la optimización de páginas web para dispositivos móviles. Las búsquedas desde estos dispositivos no paran de crecer, y Google quiere asegurarse de ofrecer la mejor experiencia de navegación posible.

¿Te ha gustado el artículo?

Suscríbete al boletín y recibe cada semana los contenidos en tu email.

Shares