Otimize seu site para celular com o PageSpeed Insights

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.

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