Os beneficios de AMP e como se diferencia do Deseño Web Responsive
Se ollades os últimos anos de tráfico analítico para sitios web, probabelmente probas que todos comparten algo importante en común: un aumento no número de visitantes que reciben dos usuarios nos dispositivos móbiles.
Globalmente, agora hai máis tráfico web procedente de dispositivos móbiles que o que consideramos "dispositivos tradicionais", o que significa basicamente computadoras de escritorio ou portátiles. Non hai dúbida de que a informática móbil cambiou a forma en que as persoas consumen contidos en liña, o que significa que cambiou a forma de que debemos crear sitios web para aqueles públicos cada vez máis centrados no móbil.
Construíndo un público móbil
Crear "sitios web amigables para móbiles" foi unha prioridade para os profesionais da web durante moitos anos. As prácticas como o deseño web atractivo para axudar a crear sitios que funcionaron ben para todos os dispositivos e un foco no rendemento do sitio web e os tempos de descarga rápida benefician a todos os usuarios, móbiles ou doutra forma. Outra aproximación aos sitios amigables para móbiles é coñecida como desenvolvemento web de AMP, que significa Accelerated Mobile Pages.
Este proxecto, que está respaldado por Google, creouse como un estándar aberto para permitir que os editores do sitio web creen sitios que se cargan con máis rapidez en dispositivos móbiles. Se pensas que iso soa moito como un deseño web sensible, non estás equivocado. Os dous conceptos comparten moito en común, é dicir que ambos se enfocan en entregar contido aos usuarios en dispositivos móbiles. Non obstante, hai moitas diferenzas entre estes dous enfoques.
Diferenzas crave entre AMP e Deseño Web Responsivo
Un dos puntos fortes do deseño web sensible foi sempre a flexibilidade que engade a un sitio. Pode crear unha páxina que responda automaticamente ao tamaño da pantalla dun visitante. Isto dá o alcance da páxina e a posibilidade de ofrecer unha boa experiencia a unha gran variedade de dispositivos e tamaños de pantalla, desde teléfonos móbiles ata tablets ata portátiles, escritorios e máis aló. O deseño web receptivo está enfocado a todos os dispositivos e experiencias dos usuarios , non só móbiles. Isto é bo de certa forma e malo noutros.
A flexibilidade nun sitio é xenial, pero se realmente desexa concentrarse en dispositivos móbiles, a creación dun sitio que se concentre en todas as pantallas, en vez de exclusivamente nos dispositivos móbiles, pode ser unha flexibilidade comercial para un rendemento móbil optimizado. Esa é a teoría detrás de AMP.
AMP está centrada exclusivamente na velocidade, é dicir, a velocidade móbil. Segundo Malte Ubl, Google Tech Lead para este proxecto, AMP pretende traer "renderización instantánea ao contido web". Algunhas das formas en que se realiza inclúen:
- Carga perezosa
- Usando preconnect
- Recursos prefixing
- Async Javascript
- Follas de estilo en liña
- Non hai fontes descargables
- Priorización de recursos
Estes son só algúns dos principais que fan que a carga de AMP sexa tan rápida . Non obstante, tamén hai algúns elementos desta lista que poden facer que os profesionais da web a longo prazo crezan. Follas de estilo en liña , por exemplo. Moitos de nós dixéronnos durante anos que todos os estilos deben estar contidos en follas de estilo externas. Ser capaz de estilizar moitas páxinas de sitios desde unha folla externa é unha das fortalezas de CSS: unha forza que se nega se as páxinas usan estilos en liña. Si, evita a necesidade de descargar o ficheiro externo, pero ao custo de poder xestionar ese sitio completo coa folla de estilo único. Entón, cal abordaxe é mellor? A realidade é que ambos teñen os seus beneficios e desvantaxes. A web está cambiando constantemente e as diferentes persoas que visitan o teu sitio teñen necesidades diferentes. É moi difícil establecer regras que se aplicarán en todos os casos, xa que diferentes enfoques teñen sentido en diferentes situacións. A clave é pesar os beneficios ou inconvenientes de cada enfoque para determinar cal é o mellor no seu caso particular.
Outra diferenza fundamental entre AMP e RWD é o feito de que o deseño sensible raramente se engade a un sitio existente. Debido a que RWD é realmente unha revisión básica da arquitectura e da experiencia dun sitio, generalmente requirirá que o sitio sexa redeseñado e redeseñado para acomodar os estilos de resposta. Non obstante, o AMP pode engadirse a un sitio existente. De feito, aínda se pode engadir a un sitio de resposta existente.
Consideracións de Javascript
A diferenza dos sitios con RWD, os sitios AMP non xogan ben con Javascript. Isto inclúe tres guións de partidos e bibliotecas que son moi populares nos sitios hoxe. Estas bibliotecas poden agregar unha funcionalidade incrible a un sitio, pero tamén afectan o rendemento. Como tal, é posíbel que un enfoque centrado na velocidade da páxina evite os ficheiros Javascript. É por iso que a AMP adoita ser mellor utilizada nas páxinas web estáticas fronte ás altamente dinámicas ou aquelas que requiren efectos específicos de Javascript por un motivo ou outro. Por exemplo, unha galería de sitios que fai uso dunha experiencia de estilo "lightbox" non vai ser un gran candidato para AMP. Por outra banda, un artigo ou un comunicado de prensa estándar que non requira ningunha funcionalidade extravagante sería unha excelente páxina para entregar con AMP. É probable que esa páxina lea as persoas que utilizan dispositivos móbiles que puideron ver a ligazón nas redes sociais ou a través dunha procura móbil de Google. Poderá entregar de forma instantánea ese contido cando o soliciten, en lugar de diminuír a velocidade de descarga mentres se cargan Javascript e outros recursos innecesarios, fai unha gran experiencia ao cliente.
Elixindo a solución correcta
Entón, cal é a opción correcta para vostede: AMP ou RWD? Depende das súas necesidades específicas, por suposto, pero non precisa escoller un ou outro. Se queremos ter estratexias en liña máis intelixentes (e máis exitosas), significa que debemos considerar todas as ferramentas á nosa disposición e saber como funcionarán xuntas. Quizais isto significa entregar o teu sitio de forma responsable, pero usando AMP en seccións ou páxinas seleccionadas que sexan máis adecuadas para ese estilo de desenvolvemento. Tamén podería significar tomar aspectos de diferentes enfoques e combinalos para crear solucións híbridas que respondan a necesidades moi específicas e que ofrece o mellor dos dous mundos aos visitantes deste.