Accelerated Mobile Pages (AMP) \u00e9 uma estrutura HTML de c\u00f3digo aberto desenvolvida pelo Google em colabora\u00e7\u00e3o com o Twitter. O projeto visa tornar o conte\u00fado da web mais r\u00e1pido e f\u00e1cil de usar para usu\u00e1rios m\u00f3veis, proporcionando uma experi\u00eancia de navega\u00e7\u00e3o simplificada e eficiente. O AMP consegue isso renderizando p\u00e1ginas da web em um formato simplificado, por\u00e9m eficiente, reduzindo o tempo de carregamento e melhorando o envolvimento do usu\u00e1rio.<\/p>\n
O projeto Accelerated Mobile Pages foi anunciado pela primeira vez pelo Google em outubro de 2015. O Google se uniu a uma s\u00e9rie de editores, empresas de tecnologia e plataformas, incluindo Twitter, Pinterest, LinkedIn e WordPress.com, para criar um padr\u00e3o novo e mais r\u00e1pido para dispositivos m\u00f3veis. conte\u00fado web.<\/p>\n
O objetivo principal era combater a experi\u00eancia web cada vez mais inchada e lenta para usu\u00e1rios m\u00f3veis. A ideia era eliminar elementos desnecess\u00e1rios e priorizar a velocidade, tudo sem sacrificar a funcionalidade que os usu\u00e1rios esperavam. Em fevereiro de 2016, o AMP foi integrado aos resultados de pesquisa m\u00f3vel do Google, marcando sua estreia oficial.<\/p>\n
Basicamente, Accelerated Mobile Pages \u00e9 uma vers\u00e3o simplificada do HTML normal. O AMP usa um conjunto espec\u00edfico de tecnologias da web para entregar p\u00e1ginas da web, com foco na velocidade e na legibilidade para usu\u00e1rios m\u00f3veis. Consiste em tr\u00eas componentes principais: AMP HTML, AMP JS (JavaScript) e AMP Cache.<\/p>\n
HTML de AMP \u00e9 um subconjunto de HTML com algumas tags e propriedades personalizadas. Inclui v\u00e1rios elementos personalizados integrados que ajudam a melhorar o desempenho, como amp-img para imagens e amp-video para v\u00eddeos.<\/p>\n
O AMP JS gerencia a manipula\u00e7\u00e3o de recursos e o carregamento ass\u00edncrono, visando entregar a renderiza\u00e7\u00e3o mais r\u00e1pida da p\u00e1gina. Ele permite apenas JavaScript ass\u00edncrono, garantindo que nenhum script bloqueie o caminho de renderiza\u00e7\u00e3o.<\/p>\n
O AMP Cache, fornecido pelo Google, veicula p\u00e1ginas HTML AMP armazenadas em cache. O cache vem com um sistema de valida\u00e7\u00e3o integrado que confirma se a p\u00e1gina atende aos crit\u00e9rios AMP, o que garante confiabilidade e velocidade.<\/p>\n
As Accelerated Mobile Pages utilizam uma estrutura HTML simplificada e restringem elementos HTML, CSS e JavaScript espec\u00edficos, muitas vezes respons\u00e1veis por tempos de carregamento de p\u00e1gina mais lentos. O AMP emprega carregamento lento, que permite carregar apenas o conte\u00fado necess\u00e1rio quando um usu\u00e1rio abre uma p\u00e1gina da web, melhorando assim a velocidade de entrega do conte\u00fado.<\/p>\n
No sistema AMP, o JavaScript \u00e9 reduzido ao m\u00ednimo. JavaScript de terceiros n\u00e3o \u00e9 permitido nos elementos AMP personalizados, o que ajuda a evitar o bloqueio de renderiza\u00e7\u00e3o. Em vez disso, o conte\u00fado interativo \u00e9 tratado em elementos AMP personalizados. CSS em AMP tamb\u00e9m \u00e9 embutido e limitado por tamanho, resultando em menos dados a serem buscados.<\/p>\n
O AMP Cache tamb\u00e9m desempenha um papel crucial. Quando um usu\u00e1rio solicita uma p\u00e1gina AMP, ela \u00e9 recuperada do Google AMP Cache, o que melhora automaticamente o desempenho da p\u00e1gina.<\/p>\n
Velocidade e desempenho<\/strong>: as p\u00e1ginas AMP carregam mais r\u00e1pido do que as p\u00e1ginas m\u00f3veis padr\u00e3o, proporcionando uma experi\u00eancia de usu\u00e1rio perfeita.<\/p>\n<\/li>\n Motor de Otimiza\u00e7\u00e3o de Busca<\/strong>: as p\u00e1ginas habilitadas para AMP s\u00e3o favorecidas pelo algoritmo do mecanismo de pesquisa do Google, resultando em maior visibilidade nas p\u00e1ginas de resultados do mecanismo de pesquisa (SERPs).<\/p>\n<\/li>\n Engajamento e Monetiza\u00e7\u00e3o<\/strong>: carregamentos de p\u00e1gina mais r\u00e1pidos levam a um maior envolvimento do usu\u00e1rio, taxas de rejei\u00e7\u00e3o mais baixas e melhor visibilidade do an\u00fancio.<\/p>\n<\/li>\n An\u00e1lise<\/strong>: o AMP oferece suporte a uma ampla variedade de an\u00e1lises, redes de an\u00fancios e tecnologias, com provis\u00f5es para acumular, analisar e agir com base nos dados do usu\u00e1rio.<\/p>\n<\/li>\n<\/ol>\n N\u00e3o existem \u201ctipos\u201d diferentes de AMP, mas sim diferentes implementa\u00e7\u00f5es de AMP em v\u00e1rios tipos de conte\u00fado e plataformas. Alguns exemplos s\u00e3o:<\/p>\n O AMP \u00e9 usado principalmente por editores de not\u00edcias, sites de com\u00e9rcio eletr\u00f4nico e plataformas de publicidade para oferecer experi\u00eancias r\u00e1pidas e envolventes em dispositivos m\u00f3veis. No entanto, o AMP foi criticado por simplificar demais as p\u00e1ginas, funcionalidade limitada em compara\u00e7\u00e3o com sites completos e depend\u00eancia da infraestrutura do Google.<\/p>\n O Google tem feito melhorias cont\u00ednuas na estrutura AMP para resolver esses problemas, incluindo a adi\u00e7\u00e3o de mais componentes para aumentar a funcionalidade e criar um melhor equil\u00edbrio entre velocidade e usabilidade.<\/p>\nTipos de p\u00e1ginas m\u00f3veis aceleradas<\/h2>\n
\n
Uso, problemas e solu\u00e7\u00f5es<\/h2>\n
Compara\u00e7\u00e3o com tecnologias semelhantes<\/h2>\n