Si observa el tráfico analítico de los últimos años para los sitios web, es probable que todos compartan una cosa importante en común: un aumento en la cantidad de visitantes que reciben de los usuarios en dispositivos móviles.
A nivel mundial, ahora hay más tráfico web proveniente de dispositivos móviles que de lo que podríamos considerar "dispositivos tradicionales", que básicamente significa computadoras de escritorio o portátiles. No hay duda de que la computación móvil ha cambiado la forma en que las personas consumen contenido en línea, lo que significa que ha cambiado la manera en que debemos crear sitios web para esas audiencias cada vez más centradas en los dispositivos móviles.
Construyendo para una audiencia móvil
La creación de "sitios web aptos para dispositivos móviles" ha sido una prioridad para los profesionales de la web durante muchos años. Prácticas como el diseño web responsivo destinado a ayudar a crear sitios que funcionaron bien para todos los dispositivos, y un enfoque en el rendimiento del sitio web y los rápidos tiempos de descarga benefician a todos los usuarios, móviles o no. Otro enfoque de los sitios compatibles con dispositivos móviles se conoce como desarrollo web de AMP, que significa páginas móviles aceleradas.
Este proyecto, que está respaldado por Google, se creó como un estándar abierto destinado a permitir que los editores de sitios web creen sitios que se carguen más rápidamente en dispositivos móviles. Si piensas que eso se parece mucho al diseño web sensible, no te equivocas. Los dos conceptos comparten mucho en común, a saber, que ambos están enfocados en entregar contenido a los usuarios en dispositivos móviles. Sin embargo, hay una serie de diferencias entre estos dos enfoques.
Diferencias clave entre AMP y diseño web responsivo
Una de las fortalezas del diseño web responsivo siempre ha sido la flexibilidad que agrega a un sitio. Puede crear una página que responda automáticamente al tamaño de la pantalla de un visitante. Esto le brinda a su página el alcance y la capacidad de brindar una buena experiencia a una amplia gama de dispositivos y tamaños de pantalla, desde teléfonos móviles hasta tabletas, computadoras portátiles, computadoras de escritorio y mucho más. El diseño web responsivo se centra en todos Dispositivos y experiencias de usuario, no solo móviles. Eso es bueno en algunos aspectos y malo en otros.
La flexibilidad en un sitio es excelente, pero si realmente desea centrarse en los dispositivos móviles, crear un sitio que se enfoque en todas las pantallas, en lugar de solo en los móviles, puede ser una flexibilidad comercial para un rendimiento móvil puramente optimizado. Esa es la teoría detrás de AMP.
AMP se centra exclusivamente en la velocidad, es decir, en la velocidad móvil. De acuerdo con Malte Ubl, líder tecnológico de Google para este proyecto, AMP pretende brindar "representación instantánea al contenido web". Algunas de las formas en que esto se hace incluyen:
- Carga lenta
- Utilizando preconecto
- Recoger recursos
- Async Javascript
- Hojas de estilo en línea
- No hay fuentes descargables
- Priorización de recursos
Estos son solo algunos de los principios que hacen que AMP se cargue tan rápido. Sin embargo, también hay algunos elementos en esa lista que pueden hacer temblar a los profesionales de la web de larga data. Hojas de estilo en línea, por ejemplo. A muchos de nosotros se nos ha dicho durante años que todos los estilos deben estar contenidos en hojas de estilo externas. Ser capaz de diseñar muchas páginas del sitio desde una única hoja externa es una de las fortalezas de CSS, una fuerza que se niega si las páginas usan estilos en línea. Sí, evita la necesidad de descargar el archivo externo, pero al costo de poder administrar todo el sitio con la única hoja de estilo. Entonces, ¿qué enfoque es mejor? La realidad es que ambos tienen sus ventajas e inconvenientes. La Web cambia constantemente y las diferentes personas que visitan su sitio tienen necesidades diferentes. Es muy difícil establecer reglas que se apliquen en todos los casos, porque diferentes enfoques tienen sentido en diferentes situaciones. La clave es sopesar los beneficios o inconvenientes de cada enfoque para determinar cuál es el mejor en su caso particular.
Otra diferencia clave entre AMP y RWD es el hecho de que el diseño responsivo rara vez se "agrega" a un sitio existente. Debido a que RWD es realmente un replanteamiento de la arquitectura y la experiencia de un sitio, generalmente requerirá que ese sitio se rediseñe y se vuelva a desarrollar para adaptarse a los estilos de respuesta. Sin embargo, AMP se puede agregar a un sitio existente. De hecho, incluso se puede agregar a un sitio de respuesta existente.
Consideraciones de Javascript
A diferencia de los sitios con RWD, los sitios de AMP no funcionan bien con Javascript. Esto incluye 3rd Guiones y bibliotecas de fiestas que son muy populares en los sitios de hoy. Esas bibliotecas pueden agregar una funcionalidad increíble a un sitio, pero también afectan el rendimiento. Como tal, es lógico pensar que un enfoque muy centrado en la velocidad de la página evitaría los archivos de Javascript. Es por esta razón que AMP a menudo se utiliza mejor en páginas web estáticas en lugar de las altamente dinámicas o que requieren efectos de JavaScript específicos por una razón u otra. Por ejemplo, una galería de sitios web que utiliza una experiencia de estilo "lightbox" no va a ser un gran candidato para AMP. Por otro lado, un artículo web estándar o un comunicado de prensa que no requiera ninguna funcionalidad sofisticada sería una excelente página para entregar con AMP. Es probable que esa página sea leída por personas que utilizan dispositivos móviles que pueden haber visto el enlace en las redes sociales o mediante una búsqueda móvil en Google. Ser capaz de entregar instantáneamente ese contenido cuando lo solicitan, en lugar de reducir la velocidad de descarga mientras se cargan JavaScript y otros recursos innecesarios, hace que la experiencia del cliente sea excelente.
Elegir la solución correcta
Entonces, ¿qué opción es adecuada para usted: AMP o RWD? Depende de sus necesidades específicas, por supuesto, pero no necesita elegir una u otra. Si queremos tener estrategias en línea más inteligentes (y más exitosas) significa que debemos considerar todas las herramientas a nuestra disposición y aprender cómo trabajarán juntos. Tal vez esto signifique entregar su sitio de manera responsable, pero usar AMP en secciones o páginas seleccionadas que pueden ser más adecuadas para ese estilo de desarrollo. También podría significar tomar aspectos de diferentes enfoques y combinarlos para crear soluciones híbridas que satisfagan necesidades muy específicas y que ofrezcan lo mejor de ambos mundos a los visitantes de ese sitio.
