Um dos pontos principais para a indexação do seu conteúdo e a usabilidade de seus usuários é a performance do seu produto, porém é muito comum em portais de notícias a utilização de frameworks, bibliotecas de estilos, ou até mesmo templates com muitos plugins sendo utilizados, você já parou para pensar, será que todos esses arquivos sendo carregados estão sendo realmente utilizados?
Existe uma maneira fácil e rápida de verificar a cobertura da utilização desses arquivos através do próprio Google Chrome, e vamos mostrar como fazer isso nesse post.
Dev Tools e a seção de Cobertura
O Dev Tools é uma seção do browser muito utilizada por desenvolvedores para analisar métricas de carregamento, estilos de elementos, scripts e seus carregamentos, performance de Core Web Vitals e muito mais.
Porém a seção de cobertura fica um pouco escondida dentro dessa ferramenta, segue o passo a passo para acessá-la:
- Abra o DevTools: Clique com o botão direito do mouse na página da web e selecione “Inspecionar”, ou use o atalho Ctrl+Shift+I (Windows/Linux) ou Command+Option+I (macOS).
- Abra o Command Menu: Pressione Ctrl+Shift+P (Windows/Linux) ou Command+Shift+P (macOS).
- Digite e selecione “Show Coverage”: Comece a digitar “coverage”, selecione o comando “Show Coverage” e pressione Enter.
- A Cobertura é aberta: O painel de Cobertura será exibido, mostrando o código não utilizado.
Basicamente como o nome da seção já diz, ele mostra a cobertura do que está sendo ou não utilizado dentro da página carregada, durante o processo de otimização de performance, é comum encontrar scripts de plugins sendo carregados em páginas que muitas vezes nem sequer utilizam o plugin, ou até mesmo grandes arquivos de estilo que utilizam poucas linhas para uma página em específico.
O grande desafio inicia após a análise desses scripts, separando o que é realmente necessário sem afetar toda a plataforma, nesse caso, para evitar problemas utilize um ambiente de testes durante as atualizações, essa refatoração depende muito da sua pilha de tecnologia, recomendamos que seja feita por um profissional de tecnologia.
Portanto se você quer deixar seu site mais rápido, salvando dados móveis de seus usuários não deixe de utilizar essa ferramenta, Ficou com dúvidas ou quer trocar uma ideia sobre como deixar sua plataforma mais leve e rápida? Fale com a gente!
