Tem havido muita conversa ultimamente sobre AMP (Páginas móveis aceleradas). A partir de 24 de fevereiro, os resultados de pesquisa do Google começaram a incluir links para versões de páginas para celular criadas com esse projeto de código aberto. Quando o Google começa a apoiar abertamente uma tecnologia, você sabe que será algo importante, mas o que exatamente é a AMP?

AMP é tudo sobre a experiência do usuário móvel. Especificamente, a iniciativa pretende tornar as páginas móveis mais rápidas do que nunca, o que é uma maneira infalível de melhorar o UX. O ideal é que os proponentes da AMP só possam criar conteúdo para dispositivos móveis uma única vez e, em seguida, já carregá-lo imediatamente em qualquer outro lugar.

Tal como acontece com todas as novas iniciativas, precisamos separar a verdade do hype ...

Tornando seus sites mais rápidos

Desde a Impulso público do Google em favor da AMP no ano passado, muitas empresas de alto perfil que publicam na web também começaram a apoiar a AMP. Alguns desses nomes incluem a BBC, o Wall Street Journal, o Guardian, o Twitter, o Pinterest, o New York Times (no meio de uma controvérsia sobre ad-wars) e o Buzzfeed. Naturalmente, eles querem estar na onda porque estão dizendo a si mesmos que qualquer iniciativa que o Google apóia está destinada a impactar nossas classificações de SEO.

No entanto, vale a pena que essas empresas ofereçam suporte a AMP neste momento? A AMP cumpre sua promessa de tornar seu site mais rápido?

Se você já entende UX ... AMP pode não provar fazer uma grande diferença depois de tudo

Para começar a responder a essa pergunta, temos que colocá-lo em contexto: se você está comparando seu site com um site rico em mídia que só tem otimização média, é provável. No entanto, se você está comparando seu site com um design minimalista e boa otimização, o júri ainda está fora. Em outras palavras, é sensível a maiúsculas e minúsculas.

Se você já foi um dos primeiros fãs de AMP que já comprou a velocidade aparente, considere o seguinte: o AMP não é um novo tipo de tecnologia. Por que, até o Google admite que o AMP foi criado a partir de tecnologias de Internet já existentes, com o objetivo de criar páginas leves. Então, não, não há nada exatamente revolucionário sobre isso. Entender isso ajudará a colocar em perspectiva adequada a velocidade que envolve o AMP.

Por isso, se você já entende a UX intimamente e sabe como integrar os aprimoramentos de desempenho mais recentes no design e no desenvolvimento do seu site, é possível que a AMP não faça uma grande diferença, afinal.

O que exatamente é AMP?

Esse projeto de código aberto nasceu de discussões entre empresas de tecnologia e editoras sobre a necessidade de melhorar a experiência de uso de dispositivos móveis para todos os envolvidos com conteúdo: consumidores, editores, criadores e usuários.

AMP, é importante salientar, não é um tipo radicalmente novo de HTML. Na verdade, como explica o projeto, AMP são como outras páginas HTML , a única diferença é um conjunto limitado de funcionalidade técnica permitida, que é governada e definida pela especificação AMP. As AMP serão carregadas em qualquer visualização da Web do aplicativo ou no navegador moderno, assim como as páginas HTML comuns, mas a velocidade é uma prioridade devido a diferentes abordagens arquiteturais.

O AMP também promete maior velocidade devido à quantidade reduzida de código. Por exemplo:

  • Você tem menos de 50 kb de CSS
  • Você não precisa do seu próprio JavaScript (não há guias, alertas, dicas de ferramentas ou modais com base em JS)
  • Você não tem código para vários provedores de anúncios e serviços de análise

Tudo isso se resume a páginas mais claras, o que significa velocidades e tempos de carregamento mais rápidos.

Em seguida, há elementos personalizados da AMP que priorizam o carregamento e a otimização. O que acontece é que o conteúdo de qualquer página AMP acima da dobra será carregado primeiro. Depois de ver este conteúdo, é quando o restante da parte inferior começa a ser carregado a sério. Outras vezes, os AMPs podem ser carregados antes dos usuários que chegam nele, o que faz com que o carregamento pareça mais rápido.

Existem diferentes métodos que ajudam as AMP a fazer essas coisas. Eles são:

  • Carregamento lento
  • Pré-conectando
  • Pré-busca
  • Pré-renderização

Curiosamente, você também pode otimizar suas páginas não AMP separadamente para cada uma dessas otimizações de aumento de velocidade.

Então, novamente, não usar AMP não significa que você não pode projetar e ajustar seu site para velocidade.

Por fim, o AMP torna o layout da página mais eficiente. Como assim? A mídia precisa sempre ter suas propriedades de largura e altura especificadas quando adicionada a uma página AMP. Embora ainda seja possível ter imagens responsivas e redimensionáveis, a AMP saberá exatamente como criar uma página antes de carregar a mídia. Os usuários finais não precisam esperar tanto tempo, pois as imagens não são carregadas primeiro, depois recalculadas e renderizadas.

Só mais rápido em alguns casos

A verdade é que as AMP só tornarão o seu site mais rápido em algumas situações específicas. Tudo depende das considerações técnicas do site, mas também das necessidades do negócio que o site suporta.

não usar AMP não significa que você não pode projetar e ajustar seu site para velocidade

Veja quando o AMP pode tornar seu site mais rápido:

  • Se o seu site é tão rico em mídia que se beneficiará automaticamente dos processos otimizados de carregamento
  • Se você quiser que a AMP seja responsável por otimizar a velocidade e o desempenho do seu site em vez de lidar com isso por conta própria

Então, para ficar bem claro, não é a AMP que automaticamente torna seus sites mais rápidos. Em vez disso, é realmente que a AMP fornece as técnicas e abordagens para tornar seus sites mais rápidos. Novamente, enquanto você pode tornar seus sites mais rápidos usando seus próprios processos de otimização, o AMP simplesmente fornece otimização de velocidade e desempenho em um pacote simples e prático.

O que você precisa saber

Para toda a sua fanfarra, especialmente do Google, a AMP ainda está em sua infância, o que é uma realidade significativa. Isso significa que ele ainda está evoluindo, e as pessoas estão longe de poder dizer com 100% de certeza para o que ele só pode ser usado. Em outras palavras, seu impacto para as classificações de pesquisa, seu desempenho e até mesmo as demandas de uso de AMP ainda podem mudar abruptamente.

Embora não seja a solução mágica para curar instantaneamente todos os problemas de carregamento lento do site, ou até mesmo a única solução, ainda vale a pena para designers e desenvolvedores passarem algum tempo com ela. No mínimo, a AMP serve como uma fonte de ideias potencialmente novas e eficazes que os designers podem aproveitar para melhorar significativamente os tempos de carregamento da página em toda a Web.

O fato de o Google ter implementado a AMP em suas páginas de resultados de pesquisa também oferece uma oportunidade para um feedback antecipado do usuário. Será muito interessante ver o que os primeiros adaptadores dessa iniciativa pensam sobre a melhoria, se houver, para a experiência de uso das páginas para dispositivos móveis. Se os resultados forem bons, e as AMP gerarem mais tráfego e receita para sites de grande nome, você pode apostar que receberá um impulso maior do Google e dos outros do que nunca. Se o contrário acontece, então a AMP pode muito bem não sair do chão de maneira significativa.

Imagem em destaque usa o segredo de Agustin velocidade de imagem .