Se você analisar os últimos anos de tráfego de análise para websites, provavelmente descobrirá que todos compartilham uma coisa importante em comum: um aumento no número de visitantes que estão recebendo de usuários em dispositivos móveis.
Globalmente, agora há mais tráfego na web vindo de dispositivos móveis do que do que poderíamos considerar “dispositivos tradicionais”, o que basicamente significa computadores desktop ou laptop. Não há dúvida de que a computação móvel mudou a maneira como as pessoas consomem conteúdo on-line, o que significa que mudou a forma como devemos criar websites para os públicos que crescem mais centrados em dispositivos móveis.
Criando para um público móvel
A criação de "websites otimizados para dispositivos móveis" tem sido uma prioridade para profissionais da Web por muitos anos. Práticas como o design responsivo da Web voltado para ajudar a criar sites que funcionaram bem para todos os dispositivos, e um foco no desempenho do site e no tempo de download rápido, beneficiam todos os usuários, móveis ou não. Outra abordagem para sites compatíveis com dispositivos móveis é conhecida como desenvolvimento da Web de AMP, que significa Accelerated Mobile Pages.
Este projeto, apoiado pelo Google, foi criado como um padrão aberto para permitir que os editores de sites criem sites que sejam carregados mais rapidamente em dispositivos móveis. Se você está pensando que isso se parece muito com o design da Web responsivo, você não está errado. Os dois conceitos compartilham muito em comum, ou seja, ambos estão focados em fornecer conteúdo para usuários em dispositivos móveis. Há uma série de diferenças entre essas duas abordagens, no entanto.
Principais diferenças entre AMP e Web design responsivo
Um dos pontos fortes do web design responsivo sempre foi a flexibilidade que ele adiciona a um site. Você pode criar uma página que responde automaticamente ao tamanho da tela do visitante. Isso proporciona o alcance de sua página e a capacidade de oferecer uma boa experiência a uma ampla variedade de dispositivos e tamanhos de tela, de telefones celulares a tablets, laptops, desktops e muito mais. Web design responsivo está focado em todos dispositivos e experiências do usuário, não apenas móveis. Isso é bom em alguns aspectos e ruim em outros.
A flexibilidade em um site é ótima, mas se você realmente deseja se concentrar em dispositivos móveis, criar um site que se concentre em todas as telas, em vez de apenas em dispositivos móveis, pode ser flexível para um desempenho otimizado para dispositivos móveis. Essa é a teoria por trás do AMP.
O AMP é puramente focado na velocidade, ou seja, na velocidade do celular. De acordo com Malte Ubl, líder do Google Tech para este projeto, a AMP pretende trazer “renderização instantânea para o conteúdo da Web”. Algumas das maneiras como isso é feito incluem:
- Carregamento lento
- Usando preconnect
- Pré-busca de recursos
- Javascript assíncrono
- Folhas de estilo embutidas
- Nenhuma fonte para download
- Priorização de recursos
Estes são apenas alguns dos princípios que fazem a AMP carregar tão rapidamente. Há também, no entanto, alguns itens nessa lista que podem fazer com que os profissionais da web de longa data se encolham. Folhas de estilo embutidas, por exemplo. Muitos de nós nos dizem há anos que todos os estilos devem estar contidos em folhas de estilo externas. Ser capaz de estilizar muitas páginas do site, tudo a partir de uma folha externa, é um dos pontos fortes do CSS - uma força que é negada se as páginas usarem estilos inline. Sim, você evita a necessidade de baixar o arquivo externo, mas com o custo de poder gerenciar todo o site com a única folha de estilos. Então, qual abordagem é melhor? A realidade é que ambos têm seus benefícios e desvantagens. A Web está em constante mudança e diferentes pessoas que visitam o seu site têm necessidades diferentes. É muito difícil estabelecer regras que serão aplicadas em todos os casos, porque diferentes abordagens fazem sentido em diferentes situações. A chave é pesar os benefícios ou desvantagens de cada abordagem para determinar qual é o melhor em seu caso particular.
Outra diferença importante entre AMP e RWD é o fato de que o design responsivo raramente é "adicionado" a um site existente. Como o RWD é realmente um repensar da arquitetura e da experiência de um site, ele geralmente exige que o site seja reprojetado e redesenhado para acomodar os estilos responsivos. As AMP podem ser adicionadas a um site existente, no entanto. Na verdade, pode até ser adicionado a um site responsivo existente.
Considerações sobre Javascript
Ao contrário dos sites com RWD, os sites AMP não funcionam bem com o Javascript. Isso inclui 3rd scripts de festas e bibliotecas que são muito populares nos sites de hoje. Essas bibliotecas podem adicionar funcionalidades incríveis a um site, mas também afetam o desempenho. Como tal, é lógico que uma abordagem profundamente focada na velocidade da página evitaria os arquivos Javascript. É por esse motivo que as AMP costumam ser mais usadas em páginas da Web estáticas, em oposição às altamente dinâmicas ou àquelas que exigem efeitos específicos de JavaScript por um motivo ou outro. Por exemplo, uma galeria de websites que faz uso de uma experiência no estilo "lightbox" não será um ótimo candidato para AMP. Por outro lado, um artigo de site padrão ou comunicado de imprensa que não requer nenhuma funcionalidade sofisticada seria uma ótima página para ser entregue com AMP. É provável que essa página seja lida por pessoas que usam dispositivos móveis, que podem ter visto o link nas mídias sociais ou por meio de uma pesquisa no Google para dispositivos móveis. Ser capaz de entregar instantaneamente esse conteúdo quando o solicitar, em vez de diminuir a velocidade de download enquanto o JavaScript desnecessário e outros recursos são carregados, contribui para uma ótima experiência do cliente.
Escolhendo a solução certa
Então qual é a opção certa para você - AMP ou RWD? Depende de suas necessidades específicas, é claro, mas você não precisa escolher uma ou outra. Se quisermos ter estratégias online mais inteligentes (e mais bem-sucedidas), isso significa que precisamos considerar todas as ferramentas à nossa disposição e aprender como elas funcionarão juntas. Talvez isso signifique veicular seu site de maneira responsiva, mas usar AMP em seções selecionadas ou páginas que possam ser mais adequadas para esse estilo de desenvolvimento. Isso também pode significar abordar diferentes abordagens e combiná-las para criar soluções híbridas que atendam a necessidades muito específicas e forneçam o melhor dos dois mundos aos visitantes do site.
