Depois de auditar um site, organize os resultados em um formato fácil de entender.
- Considere produzir relatórios diferentes para cada parte interessada.
- Concentre-se nas necessidades do negócio e mostre como as métricas técnicas apoiam essas necessidades.
- Comece com um resumo.
- Estruture os dados por tópico (como desempenho do carregamento e peso da página), em vez de simplesmente listar os dados de saída da ferramenta.
- Ordenar resultados por prioridade.
- Deixe de fora os resultados se não forem relevantes ou interessantes.
- Sempre que possível, apresente dados numéricos como tabelas ou gráficos.
- Evite um bloqueio de dados: as revisões do site não devem ser monótonas.
Seja sensível às pessoas que vão receber a auditoria.
As pessoas que trabalham em um site podem estar cientes dos problemas. Pode haver motivos complexos e não técnicos para os problemas não terem sido corrigidos.
É muito mais útil descrever o desempenho ruim 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 de sites e outras partes interessadas antes de apresentar suas descobertas para mais pessoas.
Ofereça contexto
Ao compartilhar os resultados da avaliação, inclua dados contextuais para justificar o esforço e motivar os desenvolvedores ou outras partes interessadas a implementar as melhorias que você sugerir, como os seguintes da DoubleClick:
- 53% dos usuários abandonam sites que levam mais de três segundos para carregar.
- Sites para dispositivos móveis carregados em 5 segundos geram até duas vezes mais receita de 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 o desempenho em neotys.com. Mais informações sobre como melhorar o desempenho do site estão disponíveis em perf.rocks e Fundamentos da Web, além de estudos de caso e histórias de sucesso.
Se você não tem um orçamento de performance, este é o momento. Calcule um orçamento e mostre a ponderação do seu site.
Demonstre seu potencial
As substituições locais do Chrome DevTools permitem substituir os recursos do site por versões locais. Essa é uma ótima maneira de mostrar como mudanças simples podem fazer uma grande diferença.
Exemplo:
- Criar uma versão do CSS usado pela página inicial de um site, removendo as regras redundantes.
- Mude o HTML para adiar o carregamento do JavaScript.
- Substitua os arquivos de imagem por versões otimizadas.
É possível até compartilhar arquivos alterados com desenvolvedores que trabalham em um site para que eles demonstrem possíveis melhorias diretamente aos colegas. As substituições locais também simplificam a criação de screencasts lado a lado que mostram as diferenças de desempenho entre versões otimizadas e não otimizadas. Essa abordagem pode ser muito mais interessante do que uma longa lista de tarefas. Descubra como usar as substituições locais aqui.