Por que melhorar a performance ficou tão difícil?

Ferramentas de auditoria de performance como o PageSpeed nos deixaram mal acostumados.

Esse tipo de ferramenta nos indica um score e uma relação de sugestões de melhoria a partir da auditoria realizada.

E a partir disso passamos a ficar obcecados por um número, nada mais. E isso foi o nosso maior erro.

Erramos por que questões quantitativa precisam nos levar a resultados qualitativos. E assim realmente garantimos um site performático em sua plenitude.

É aí que entra outras ferramentas irmãs do PageSpeed. A lighthouse e web.dev.

O Google Lighthouse é uma ferramenta de código aberto que audita a qualidade de uma página web.

Embora o resultado também finaliza com uma pontuação, a auditoria vai além da performance e considera SEO, Acessibilidade e as melhores práticas.

Sobre o PageSpeed

PageSpeed Insights é uma ferramenta disponibilizada pelo Google que mede o desempenho de uma página em dispositivos mobile e desktop, gerando sugestões para torná-la mais rápida.

Essa ferramenta mede o desempenho do seu site e disponibiliza uma pontuação de 0 a 100. Quanto maior for a pontuação, melhor o desempenho.

Pontuações

• 0-59 pontos: página não foi otimizada e há muito espaço disponível para otimização;
• 60-79 pontos: algumas otimizações comuns de desempenho não foram aplicadas à página, e o espaço disponível para otimização é médio;
• 80-100 pontos: a maioria das práticas recomendadas de desempenho foi aplicada à página, e o espaço disponível para outras otimizações é pequeno.

A performance do site deve ser considerada em dois ambientes, dado que as respostas de velocidade são diferentes em smartphones e desktop.

Mesmo que algumas mudanças influenciem tanto no mobile quanto no desktop, as pontuações quase sempre são diferentes, por isso é sempre bom analisar separadamente quando for corrigir.

Sobre o web.dev

O web.dev é parecido com o PageSpeed no sentido de auditar sua página ou aplicativo web.

Mas ele vai além com a área educacional para explicar e ensinar as tecnologias mais modernas para o desenvolvimento para internet.

A medida que as possibilidades na internet vão aumentando, as expectativas dos usuários acompanham. Portanto, fazer uso de novos recursos se faz necessário.

Sobre o Lighthouse

A ferramenta do Lighthouse é open source e focada em auditar a qualidade de páginas e aplicativos web.

Assim como as demais ferramentas, é necessário informar uma URL. A partir dessa informação, uma série de testes são executados e um relatório sobre o desempenho da página é gerado.

O relatório detalha as falhas, bem como traz indicadores do que deve ser feito para aprimorar seu projeto.

Ela pode ser executada via linha de comando, através do Google Chrome e está integrada ao PageSpeed e web.dev.

A relação entre o Lighthouse, web.dev e PageSpeed

O Lighthouse está por trás do PageSpeed e o web.dev. Digamos que o software do Lighthouse é o coração dessas duas ferramentas.

O web.dev tem uma nova proposta, unificando aprendizado e uma análise mais qualitativa das páginas a serem analisadas.

As velhas técnicas em cenários novos

Todos os profissionais envolvidos com projetos digitais tinham suas receita de bolo para deixar as páginas mais performática.

O PageSpeed, além de algumas outras ferramentas, era o parâmetro para todos nós. E somente nos interessa números, e acima de 85 para garantir o selo verde da ferramenta.

No entanto, as velhas técnicas não funcionam tão bem mais. É preciso ir além e considerar outros critérios que garantem uma experiência mais efetiva aos usuários.

Os tipos de auditoria do Lighthouse

O Lighthouse vai além de analisar somente o tempo de carregamento.

Cinco tipos de auditoria são consideradas nas análises.

1. Performance;
2. PWA;
3. Melhores práticas;
4. Acessibilidade;
5. SEO.

Através da análise de Performance é encontrado pontos de melhorias para deixar a página mais rápida.

Com a análise de PWA, é validado os três pilares da tecnologia: Confiabilidade, Rapidez e Atração.

As melhores práticas considera a saúde do código e tecnologias modernas de desenvolvimento.

Já a acessibilidade verifica se os usuários são capazes de encontrar e navegar com facilidade em suas páginas.

A auditoria de SEO quer confirmar se os motores de busca conseguirão compreender o seu conteúdo.

Conclusão

Melhorar a performance ficou tão difícil por que ainda estamos com técnicas antigas para cenários novos.

Por que ainda continuamos a olhar somente números, e não compreender as análises realizadas.

É preciso compreender a relação entre qualidade versus performance.

Como percebemos os tipos de auditoria das ferramentas vão além de somente analisar performance. E esse é o ponto.

Deixando as páginas com maior, e melhor, qualidade vamos ter bons números de performance.

Por que performance é fazer uso das melhores práticas, ser encontrado pelos mecanismos de busca, ser acessível para as pessoas com algum tipo de deficiência, além de sermos confiáveis, rápidos e atrativos.

E você, tem sofrido com os trabalhos de performance em projetos web?