Páginas AMP

Tema da Alunos
participantes Apresentação Encerramento
apresentação
 Tema da apresentação
AMP
Páginas

Alunos participantes
Apresentação
Encerramento
 Alunos participantes
Tema da apresentação

Luiz Gustavo Pedío Augusto

Apresentação
Encerrament
CIC CIC
O que é
AMP?
Páginas AMP ou “Páginas Mobile Aceleradas” são páginas que carregam de
forma extremamente rápida criados com um HTML super otimizado. Ou
seja, para que uma página AMP seja considerada válida, ela precisa seguir à
risca todos os critérios e requerimentos de código e otimização.

De acordo com pesquisas feitas pelo próprio Google, uma página que possui
um carregamento de mais de 10 segundos tem sua taxa de rejeição
aumentada para mais de 120%. Isso é extremamente alarmante, pois pode
acarretar na perda de clientes e no desinteresse de leads.

Tema 2 Tema 3 Tema 4

Como funcionam as páginas
AMP?
As páginas AMP são compostas por 3 pilares principais:

· AMP HTML: Uma versão simplificada e otimizada de HTML, que por natureza restringe o
uso de qualquer código que não esteja em linha com as diretrizes predefinidas;

· AMP JS: Um framework de JavaScript também ele restritivo e otimizado com especial foco
em recursos mobile e carregamento assíncrono;

·AMP CDN: De entre os 3 pilares é o aquele que não é obrigatório. O uso de AMP CDN
porém também se divide ele mesmo em 2 subsets, um que é usado por padrão e outro que
depende de uma negociação com o Google:

1. CDN Google para cache e distribuição de conteúdo (padrão);

2. CDN Google para servir conteúdo (depende de uma negociação com o Google)

Tema 2 Tema 3 Tema 4

Que tipos de sites podem utilizar
AMP?
Os primeiros sites a utilizarem esta tecnologia foram grandes portais de notícias americanos,
como Washington Post e Gizmodo. Porém, na atualidade, vários sites em todo o mundo já a
implementaram, principalmente em páginas de conteúdo como postagem de blogs, receitas
e notícias. Mas é possível aplicar a tecnologia até em páginas de ecommerce.

Segundo o site do projeto, a tecnologia está aberta a todos os envolvidos no ecossistema:

editores, plataformas de consumidores e criadores. O objetivo é que todo o conteúdo
publicado (de notícias a vídeos, passando por blogs, fotos e GIFs) funcione. Como é uma
iniciativa open source, qualquer um pode acessar e aplicar as configurações. Inclusive é
possível fazer parte do projeto e promover melhorias.

Segundo o Google e a documentação do projeto, é possível aplicá-la na home, páginas de

produtos e até nas páginas de busca. Testamos algumas buscas usando o celular e, ao buscar
por algum produto do eBay no Google, as páginas exibidas utilizavam AMP.

Tema 2 Tema 3 Tema 4

Qual papel o TI desempenha nas
AMPs?
Código HTML e programação estão envolvidos em iniciativas de AMP, então o departamento
de TI está diretamente envolvido.

A TI precisa trabalhar com outras pessoas para a criação e o planejamento de conteúdo, mas
a implementação e a manutenção reais precisam ser feitas pela TI, seja dentro da empresa
ou por uma empresa terceirizada contratada para fazer o trabalho.

A TI provavelmente desempenha um papel importante na adoção do padrão AMP porque há

alguns pré-requisitos de bastidores em que eles precisarão ajudar.

Por exemplo, dependendo da configuração escolhida, um administrador do servidor pode

precisar configurar subdomínios adicionais ou instalar certificados seguros.

Provavelmente haverá alguma coordenação com qualquer fornecedor de CDN. A maior parte
do trabalho pode ser gerenciada por desenvolvedores de lá, mas definitivamente há um
pouco de trabalho técnico envolvido.

Tema 2 Tema 3 Tema 4

Tema da apresentação
Alunos participantes
Apresentação

o
Encerrament
b
r
ig
a
d
o