AMP: Saiba como otimizar a performance mobile dos seus sites, aplicações e apps. Além de conquistar um bom rank com SEO.

<div id="toc_container" class="toc_white no_bullets">Sum&aacute;rio<ul class="toc_list"><li><a href="#Performance-e-importante">1 Performance é importante!</a></li><li><a href="#i">2 </a></li><li><a href="#O-que-e-AMP">3 O que é AMP?</a></li><li><a href="#i-2">4 </a></li><li><a href="#Devo-converter-meu-site-para-AMP">5 Devo converter meu site para AMP?</a></li><li><a href="#Performance-mobile-e-a-chave">6 Performance mobile é a chave</a></li></ul></div>
<h2 style="text-align: justify;">Performance é importante!</h2>
Por isso, vamos falar de AMP. É impossível desacoplar o universo mobile do <a href="https://www.dtidigital.com.br/blog/desenvolvimento-android-x-ios-10-recomendacoes">desenvolvimento mobile</a> nos dias de hoje. Negligenciar a plataforma mobile é o mesmo que declarar o fracasso da solução web, principalmente para produtos voltados para o público em geral.
Considerando isso, o universo <a href="https://www.dtidigital.com.br/blog/desenvolvimento-mobile-ou-web">mobile</a> traz uma série de desafios para o desenvolvimento. Certamente, telas pequenas, performance reduzida dos aparelhos, fragmentação dos tipos de hardware e talvez o mais importante: conexões lentas e com alta latência.
Isso faz com que a performance dos sites se torne algo mais crítico do que já era.
AMP é uma das soluções que surgem para tornar os sites mais performáticos.
<a class="lightbox" href="https://dtidigital.com.br/wp-content/uploads/2017/11/image1.jpg"><img fetchpriority="high" decoding="async" class="aligncenter size-full wp-image-1267" src="https://dtidigital.com.br/wp-content/uploads/2017/11/image1.jpg" alt="image1" width="1345" height="821" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image1.jpg 1345w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image1-300x183.jpg 300w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image1-768x469.jpg 768w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image1-1024x625.jpg 1024w" sizes="(max-width: 1345px) 100vw, 1345px" /></a>
Redes de telefonia móvel sofrem com a lentidão
<h2 style="text-align: justify;"></h2>
<h2>O que é AMP?</h2>
AMP são páginas web construídas seguindo um padrão especifico. Simplificando o processo: tais páginas têm tags HTML exclusivas que aceleram o carregamento da página. Ao desenvolver uma página assim, forçadamente boas práticas de desenvolvimento web são seguidas, garantindo assim a tão focada velocidade
Nas palavras da Google, principal empresa por trás das AMPs: 
Queremos páginas da web com conteúdo rico, como vídeo, animações e gráficos para trabalhar junto com anúncios inteligentes e para carregar instantaneamente. Nós também queremos que o mesmo código funcione em várias plataformas e dispositivos para que o conteúdo possa aparecer em todos os lugares em um instante &#8211; independentemente do tipo de telefone, tablet ou dispositivo móvel que você está usando. <a href="https://googleblog.blogspot.com.br/2015/10/introducing-accelerated-mobile-pages.html">Google Blog</a><a class="lightbox" href="https://dtidigital.com.br/wp-content/uploads/2017/11/image2.png"><img decoding="async" class="aligncenter wp-image-1268 size-full" src="https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image2.png" alt="amp: sites com a performance mobile otimizada " width="1217" height="1035" srcset="https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image2.png 1217w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image2-300x255.png 300w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image2-768x653.png 768w, https://www.cms.dtidigital.com.br/wp-content/uploads/2017/11/image2-1024x871.png 1024w" sizes="(max-width: 1217px) 100vw, 1217px" /></a>Páginas AMP são focadas no ambiente mobile.
<h2 style="text-align: justify;"></h2>
<h2 style="text-align: justify;">Devo converter meu site para AMP?</h2>
Para garantir o desempenho as AMP se tornam limitadas em diversos pontos. São ideais para páginas estáticas e com pouca interação com o usuário. Saiba que, uma solução completa e complexa dificilmente se implementará inteiramente em AMP, pelo menos no ponto atual que a tecnologia se encontra.
Se o site original já existe, a conversão para AMP não é necessariamente simples, e apesar de existirem diversos “conversores” como plug-ins para WordPress, o resultado final é cheio de falhas.
Uma abordagem interessante é ter o site completo junto com uma versão AMP, que aproveitaria das vantagens do formato (como por exemplo o cache especifico feito pela Google).
<h2 style="text-align: justify;">Performance mobile é a chave</h2>
Porém a questão chave da discussão aqui é performance, e AMP não é necessariamente única forma de alcançar isso. A página oficial do projeto AMP exibe diversos números de como o tempo do usuário dentro do site aumenta ao utilizar uma solução como essa, entre outras estatísticas. Mas o usuário não está utilizando mais a página porque ela foi feita em AMP, ele está mais engajado pois foi entregue para ele uma solução rápida e aderente.
Por que então não projetar o site, desde sua concepção, com uma abordagem mobile first, pensando no desempenho como um fator chave para o sucesso?
Existem diversas abordagens modernas para a construção de websites que levam isso em consideração, propondo mudança de paradigmas com os Web Components aliados a ferramentas como o React e Polymer.
Mas então, devo ou não usar AMP para o meu projeto? Como quase toda pergunta no mundo da TI não existe resposta fixa, é inegável as vantagens de um projeto como esse, porém é necessário colocar na balança os prós e contras envolvidos, mas uma coisa podemos dizer: o foco é entregar um site rápido e existem diversas abordagens para isso, muitas delas sem as limitações das AMPs.
Para quem quer se aprofundar mais no assunto segue algumas referências:
<ul>
<li style="font-weight: 400; text-align: justify;"><a href="https://www.ampproject.org/pt_br/">Projeto AMP</a>: Nesta página é possível encontrar um guia para criar seu projeto, além de documentos indicando o aumento do engajamento das soluções que adotaram o AMP;</li>
<li style="font-weight: 400; text-align: justify;"><a href="https://www.tunetheweb.com/blog/implementing-accelerated-mobile-pages/">tunetheweb.com</a>: Um texto de opinião, que narra a trajetória do desenvolvimento de uma prova de conceito utilizando AMP;</li>
<li style="font-weight: 400; text-align: justify;"><a href="https://googleblog.blogspot.com.br/2015/10/introducing-accelerated-mobile-pages.html">Google Blog</a>: Postagem da Google introduzindo o tema.</li>
</ul>

Chegou o momento de impulsionar os resultados da sua empresa! Para entrar em contato com a gente, clique no botão abaixo e preencha o formulário.

AMP – Accelerated Mobile Pages

One-stop shop em tecnologia

Confira outros artigos