Depois de auditar um site, agrupe os resultados de forma compreensível.
- Considere produzir relatórios diferentes para partes interessadas diferentes.
- Foque nas necessidades de negócios e mostre como as métricas técnicas as atendem.
- Comece com um resumo.
- Estruture os dados por tópico (como desempenho de carregamento e peso da página) em vez de simplesmente listar os dados de saída da ferramenta.
- Ordenar os resultados por prioridade.
- Não inclua resultados que não sejam relevantes ou interessantes.
- Quando possível, apresente dados numéricos como gráficos ou diagramas.
- Evite uma parede de dados: as avaliações do site não podem ser chatas.
Seja sensível às pessoas que recebem sua auditoria.
Quem trabalha em um site pode estar ciente dos problemas. Pode haver motivos não técnicos complexos para que os problemas não tenham sido corrigidos.
É muito mais útil descrever a baixa performance em termos de oportunidades e soluções, em vez de simplesmente listar um catálogo de falhas.
Sempre que possível, converse com os desenvolvedores do site e outras partes interessadas antes de apresentar suas descobertas de forma mais ampla.
Ofereça contexto
Ao compartilhar os resultados da análise, é recomendável incluir dados contextuais para justificar o esforço e motivar os desenvolvedores ou outras partes interessadas a implementar as melhorias sugeridas, como as seguintes do DoubleClick:
- 53% dos usuários abandonam sites que demoram mais de três segundos para carregar.
- Os sites móveis que carregam em 5 segundos geram até duas vezes mais receita com anúncios para dispositivos móveis.
- O tempo médio de carregamento de sites para dispositivos móveis é de 19 segundos.
Há uma lista abrangente de motivos comerciais para melhorar a performance em neotys.com. Mais informações sobre como melhorar o desempenho do site estão disponíveis em perf.rocks e Web Fundamentals, além de estudos de caso e histórias de sucesso.
Se você não tem um orçamento de performance, é hora de criar um. Calcule um orçamento e mostre como seu site se sai.
Demonstrar potencial
As Substituições locais do Chrome DevTools permitem que você substitua recursos do site por versões locais. Essa pode ser uma ótima maneira de mostrar como mudanças simples podem fazer uma grande diferença.
Exemplo:
- Crie uma versão do CSS usado pela página inicial de um site, com as regras redundantes removidas.
- Mude o HTML para adiar o carregamento do JavaScript.
- Substitua os arquivos de imagem por versões otimizadas.
Você pode até compartilhar arquivos alterados com desenvolvedores que trabalham em um site para que eles demonstrem possíveis melhorias diretamente para colegas. As substituições locais também facilitam a criação de screencasts lado a lado mostrando as diferenças de desempenho entre versões otimizadas e não otimizadas. Essa abordagem pode ser muito mais interessante do que uma lista de tarefas longa. Saiba como usar as substituições locais aqui.