Google está prestes a fazer navegação móvel até 85% mais rápido

Às vezes, navegar na Web em um smartphone pode ser mais lento que um caracol monta uma tartaruga particularmente preguiçoso. Não muito tempo atrás, em 24 de fevereiro, o Google deu seu primeiro passo no sentido de acelerar a experiência de navegação Web em dispositivos móveis, e esta nova iniciativa é chamada Accelerated páginas móveis (AMP).

Mas o que isso significa? Como funciona? Será que vai realmente resultar em navegação na Web 85% mais rápido para você? Ou é nada mais do que um disparate comercialização exagerada e exagerada? Vamos dividi-la para você e até mesmo mostrar como você pode testá-lo por si mesmo.

Em poucas palavras, o que é AMP?

Anunciado pela primeira vez em outubro de 2015, AMP é um framework open-source HTML desenvolvido pelo Google - em conjunto com algumas outras empresas - que é feito para ajudar os desenvolvedores a criar páginas leves que são executados rapidamente em dispositivos móveis. É HTML normal, mas com algumas restrições e alguns recursos extras.

De acordo com testes do Google, páginas AMP pode carregar até 85 por cento mais rápido do que as páginas não-AMP em uma conexão móvel 3G. Aqui está a introdução divertida e informativa do Google para todo o conceito:EDGE, 3G, H +, Etc: Quais são todas essas redes móveis?EDGE, 3G, H +, Etc: Quais são todas essas redes móveis?Você está na rede móvel mais rápida? Se não, onde você cai no espectro? Estes símbolos de rede móvel pode ser confuso, mas não se preocupe, porque nós vamos esclarecê-lo para você.consulte Mais informação

Que bom é AMP para você?

Como mostra de vídeo do Google, um site lento frustra leitores e editores. Quando você abrir um site e ele não carrega, quanto mais tempo você tem que esperar, o mais irritado você se torna. Se você esperar muito tempo, é provável que você desistir e seguir em frente.

Pior cenário, você perder um pedaço de seu dia à espera de conteúdo que você nem sequer começar a desfrutar. Enquanto isso, os editores não obter seus olhos em seu conteúdo ou sobre os anúncios que acompanham que ajudam a pagar pelo conteúdo livre eles tentaram atendê-lo. É uma situação sem vitória para todos os envolvidos.

Se você fosse para bloquear os anúncios para acelerar o carregamento do site, então você poderia obter o conteúdo, mas o editor não vai ser pago por isso. Por sua vez, os editores têm menos dinheiro para criar conteúdo - assim mesmo se você gostar do que escrever e produzir, eles não vão ser capazes de suportar a fazer mais. Também uma situação sem saída.É sobre Ética em Roubos Jogos Jornalismo: Por AdBlock precisa morrerÉ sobre Ética em Roubos Jogos Jornalismo: Por AdBlock precisa morrerUm simples, plugin para o navegador livre matou Joystiq - e está arruinando a Internet.consulte Mais informação

O objetivo do Google com AMP é transformar essas situações sem saída em situações vantajosas. Idealmente, anúncios e recursos interativos chamativos não vai abrandar a sua experiência de navegação na Web, o que deve torná-los mais palatáveis. E se os mais anúncios que você vê, mais os editores podem dar ao luxo de continuar a criar conteúdo gratuito para que você possa desfrutar.

Como o AMP trabalho?

Uma maneira AMP vai acelerar a navegação móvel está em como o Google armazena em cache páginas. Não só o resultado AMP em páginas web mais rápido, mas os editores também podem optar por ter cache do Google o seu conteúdo nos servidores do Google. Isso é diferente do normal, Google Search, onde você clica em um link para ir diretamente para outro site.

Se você abrir uma ligação AMP a partir do Google Search em um dispositivo móvel, você não será direcionado para o site do editor. Você vai ficar no Google. Isso é mais rápido para você, porque o Google é ace no hospedagem e servindo conteúdo, enquanto a maioria dos sites estão hospedados em servidores lentos. Além disso, os sites podem ir para baixo para todos os tipos de razões, enquanto o Google raramente faz.

Em resumo, o Google é um anfitrião de confiança que tem uma rede distribuída de mais de 1,8 milhão de servidores, distribuídos em pelo menos 12 centros de dados em toda a América do Norte, Europa e Ásia. Para qualquer artigo que você clicar, o Google provavelmente pode servir-lhe uma cópia em cache-lo mais rápido do que a lata editor.

Outra forma que podemos esperar páginas móvel para ser mais rápido, graças às restrições locais AMP em HTML. Para acelerado Páginas Mobile, HTML é otimizado para restringir os desenvolvedores do site da utilização das funcionalidades que os sites de abrandar. Então, o que não pode desenvolvedores AMP usar?

O AMP HTML não permite formas, e não permitir que o javascript exceto por uma especial biblioteca javascript fornecido pelo Google que funciona com AMP. Ele também proíbe determinados estilos CSS relacionadas com animações, que pode severamente diminuir o desempenho em dispositivos móveis.5 etapas de bebê a aprender CSS & Tornando-se um CSS Sorcerer Kick-Ass5 etapas de bebê a aprender CSS & Tornando-se um CSS Sorcerer Kick-AssCSS é a mais importante páginas mudança vimos na última década, e ele abriu o caminho para a separação de estilo e conteúdo. Na forma moderna, XHTML define a estrutura semântica ...consulte Mais informação

Fora isso, os sites ainda pode ser totalmente decorados com todos os outros estilos CSS, que permite que os sites para mostrar rich media, como fotos e vídeos, como sempre fizeram até este ponto.

Alguns elementos HTML são alteradas, no entanto, como a tag de imagem HTML que é alterada de para . Isto é importante porque as imagens AMP são carregados depois de tudo o resto, o que significa que os telespectadores não tem que esperar para carregar imagens antes que eles possam começar a ler o conteúdo principal.

AMP Worth é o Hype?

Algumas pessoas estão preocupadas que AMP vai acabar por ser um monte de trabalho que resulta em pouco ou nenhum ganho. Outros culpam os proprietários de sites para sites lentos e longos tempos de carga, em vez do próprio HTML.

Talvez essas críticas são legítimas, mas eu tentei o seguinte AMP demo e descobriu que ele faz um raio de carga rápida, por isso estou inclinado a pensar que vai valer a pena para alguns editores, no mínimo. Mas não tome minha palavra para ela. Você pode experimentar a demo por si mesmo! Tudo que você precisa é um dispositivo móvel.

Instruções de Demonstração AMP

Vamos para http://g.co/ampdemo em um dispositivo móvel e procurar o que quiser (mas para realmente sentir os efeitos, tente procurar por mídia popular ou algo no noticiário). Eu, pessoalmente, tentou fazê-lo com uma busca por “Game of Thrones”.

Role até encontrar um link (provavelmente em um módulo de carrossel acima dos links azuis comuns) marcado com um ícone de raio “AMP” e. Clique nisso. Então, você também vai ser capaz de deslizar para a esquerda para acessar instantaneamente mais artigos AMP a partir de resultados da pesquisa que o Google em cache.

O que você está vendo no GIF acima são artigos HTML AMP, que são básicos e não muito chamativo. Além disso, dê uma olhada na URL: é google.ca para cada artigo. Desde que eu selecionado uma ligação AMP HTML de busca do Google, estes são cópias em cache hospedados nos servidores do Google.

O AMP ter quaisquer falhas?

Uma das principais desvantagens da AMP é que limita o uso de javascript. Websites precisam javascript para todos os tipos de coisas, tais como rastreamento leitores e entregar experiências interativas, que eles não serão capazes de fazer tão facilmente no âmbito AMP HTML.4 atividades online aparentemente inocente que rastreiam seu comportamento4 atividades online aparentemente inocente que rastreiam seu comportamentoconsulte Mais informação

Se você é um utilizador em causa à privacidade e preferem que os sites não acompanhar o seu comportamento enquanto o seu navegar, então você pode até mesmo ver a limitação de javascript do AMP como uma característica bem-vinda.

Designer de Web. @Google colocar prego no caixão do #javascript quando mudou seu algoritmo 2-24-16 em favor da codificação AMP HTML.

- MarketingSociologist (@PhoenixRichard) 24 de fevereiro de 2016

Mas se você é um desenvolvedor Web ou designer e você valoriza a informação que você começa a partir de coisas como rastreamento analytics, então AMP HTML fará seu trabalho mais difícil.

Ele também vai levar tempo para as equipes que trabalham na AMP para integrar recursos como carrosséis imagem, mapas, plug-ins sociais, visualizações de dados e vídeos. Pode ser um pouco antes de sites que fazem uso pesado desses recursos será capaz de tirar proveito de AMP, que vai abrandar as taxas de adoção AMP.

Por AMP realmente importa

AMP HTML está prestes a tornar a web mais rápida no seu telemóvel! Isso é uma coisa boa, porque todos nós sabemos que a Internet é lenta pode ser um pouquinho mais frustrante do que sem Internet em tudo.

Acelerar sites móveis também remove uma razão muito citado para os usuários a bloquear anúncios, o que é bom para os criadores de conteúdo. rankings de pesquisa do Google também ter em conta página velocidades de carregamento, então sites que usam AMP poderia ver um aumento em seus rankings nos motores de busca.

Se vocês são aprender HTML e CSS para já de desenvolvimento web, você pode aprender AMP no site da AMP Projeto. Se você quiser acelerar o seu site, mas não estão prontos para converter a AMP, ou apenas quer que ele seja mais rápido em geral, confira estes ferramentas on-line para tornar seu site mais rápido.Aprender HTML e CSS com estes tutoriais passo a passoAprender HTML e CSS com estes tutoriais passo a passoCurioso sobre HTML, CSS e javascript? Se você acha que você tem um talento especial para aprender a criar sites a partir do zero - aqui estão algumas grandes tutoriais passo-a-passo vale a pena tentar.consulte Mais informação

Mais de 30 editores - incluindo sites como o Facebook, o New York Times, Buzzfeed, a BBC, eo Huffington Post - já integraram AMP HTML e mais são esperados para seguir os meses vindouros. Você notou alguma diferença? Considerar a mudança para o navegador móvel mais rápida para velocidades ainda mais rápidas.

Você já reparou sites móveis que carregam mais rápido do que o habitual ultimamente? Há algum editores que você encontrar ainda notoriamente lenta que poderia usar uma mudança?