Otimize seu site para celular com o PageSpeed Insights

segunda-feira, 19 de maio de 2014

Nível do webmaster: todos

Para ajudar programadores e webmasters a otimizar suas páginas para celular, atualizámos recentemente a ferramenta PageSpeed Insights com recomendações adicionais sobre a usabilidade em aparelhos celulares.
cropped.png
Uma usabilidade ruim pode reduzir os benefícios de um carregamento de página rápido. Sabemos que o carregamento das páginas para celular leva em média mais de sete segundos . Ao usar a ferramenta PageSpeed Insights e seguir as recomendações de velocidade, é possível fazer sua página carregar mais rápido . Digamos que seu site para celular carrega em apenas dois segundos em vez de sete. Se os usuários de celular ainda tiverem que esperar mais cinco segundos após o carregamento de página para fazer zoom ou rolar a tela antes de poderem começar a ler o texto e interagir com a página, isso significa que o site de fato não tem usabilidade rápida. As novas regras de experiência do usuário da ferramenta PageSpeed Insights podem ajudar você a encontrar e corrigir esses problemas de usabilidade.

Essas novas recomendações cobrem as seguintes áreas atualmente:
  • Configure a janela de visualização : sem uma guia de janela de visualização meta, os navegadores para celular modernos pressupõem que sua página não é otimizada para celular. Por isso, eles retornam para uma janela de visualização de desktop e possivelmente aplicam a regularização da fonte, o que interfere no layout de página pretendido. A configuração da janela de visualização como "width=device-width" (largura = largura do dispositivo) deve ser o primeiro passo ao preparar seu site.
  • Dimensione o conteúdo para se ajustar à janela de visualização : os usuários esperam que os sites para celular tenham rolagem vertical e não horizontal. Após configurar sua janela de visualização, verifique se o conteúdo de sua página se encaixa na largura dessa janela . Tenha em mente que nem todos os dispositivos móveis têm a mesma largura.
  • Use tamanhos de fonte legíveis : se os usuários precisarem usar o zoom para conseguirem ler o texto de seu artigo na tela do smartphone, isso indica que seu site não é otimizado para celular. O PageSpeed Insights verifica se o texto do site é grande o suficiente para que a maioria dos usuários consiga ler de maneira confortável.
  • Dimensione os pontos de toque de maneira apropriada : nada é mais frustrante do que tentar tocar em um botão ou link em um telefone ou tablet com touchscreen e tocar acidentalmente no lugar errado porque a área de toque do seu dedo é muito maior do que a de um cursor de computador. Verifique se os pontos de toque do touchscreen são grandes o suficiente para serem pressionados com facilidade.
  • Evite plug-ins : a maioria dos smartphones não oferece suporte a Flash ou outros plug-ins de navegador, por isso verifique se seu site para celular não depende de plug-ins .
Essas regras estão descritas mais detalhadamente em nossas páginas de ajuda . Quando você estiver pronto, teste suas páginas e as melhorias realizadas usando a ferramenta do PageSpeed Insights . Também atualizamos o PageSpeed Insights para ter um design otimizado para celular e traduzimos nossos documentos de ajuda para outros idiomas.

Se você tiver perguntas ou comentários, publique-os em nosso grupo de discussão (em inglês), ou visite o nosso fórum de ajuda para webmasters .

Posted by Matthew Steele and Doantam Phan, equipe do PageSpeed Insights
Traduzido por Diogo Botelho , Equipe de Search Quality e Webmaster Outreach