fbpx

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Como usar as auditorias do Google Lighthouse para melhorar a velocidade

Você está em:

Como usar as auditorias do Google Lighthouse para melhorar a velocidade
Como usar auditorias automatizadas do Lighthouse para melhorar a velocidade da página

Você provavelmente conhece a seguinte história: você passa muito tempo lendo sobre como acelerar seu blog WordPress e instala ferramentas e plugins gratuitos para isso. Então você (ou seu cliente) faz uma mudança aparentemente pequena em uma de suas páginas, e a velocidade da sua página de repente cai de um penhasco.

Se você leva a sério a melhoria da velocidade do seu site , deve verificar sua velocidade regularmente e, nesse caso, poderá detectar esse problema rapidamente. No entanto, ainda seria bom se houvesse uma maneira automatizada de verificar a velocidade do seu site WordPress toda vez que você fizer uma alteração. Felizmente, existe uma solução.

Essa solução é configurar o Google Lighthouse para realizar auditorias de velocidade sob demanda para seu site WordPress. Configurar isso pode ser um pouco demorado, mas também não é tão complicado para o usuário avançado. Neste artigo, explicaremos por que e como você deve configurar o Lighthouse CI para seu site WordPress.

Uma introdução ao teste de velocidade do WordPress

Por que a velocidade da página é importante

Primeiro, vamos dar uma olhada no motivo pelo qual você precisa testar a velocidade do seu site WordPress e as formas padrão disponíveis para fazer isso.

Existem basicamente duas razões pelas quais seu site – seja ele baseado em WordPress ou não – precisa ser rápido. Uma é simplesmente que o tempo de atenção do usuário médio da web já é muito curto, com 47% dos consumidores esperando que uma página da web carregue em menos de dois segundos, e eles abandonarão rapidamente uma página se demorar muito para carregar. Por esse motivo, reduzir os tempos de carregamento é uma preocupação crucial para as lojas de comércio eletrônico em particular.

A segunda razão é um pouco mais técnica, mas não menos importante. O Google tem utilizado a velocidade do site como um sinal de classificação desde 2010. Como resultado, a velocidade dos sites tornou-se um fator cada vez mais importante em quão alto no Google SearchRank sua página aparece.

Por esse motivo, o próprio PageSpeed insights do Google é uma ferramenta fundamental comumente usada por especialistas em SEO e profissionais de marketing, pois dá acesso direto ao sistema por meio do qual os algoritmos de pesquisa do Google avaliam a velocidade da página.

Essas considerações se aplicam ao WordPress tanto quanto a sites executados em outras plataformas. Por isso, e devido ao domínio de mercado do WordPress, agora existem várias ferramentas disponíveis para testar a velocidade do seu site. Eles variam de verificações únicas baseadas em navegador a suítes de software de desktop com todos os recursos que fornecerão um resumo detalhado do desempenho de cada página do seu site WordPress.

Farol do Google e WordPress

Farol do Google

Uma das ferramentas mais importantes e populares para avaliar a velocidade – e a qualidade geral – dos sites é o Google Lighthouse . Até recentemente, o Lighthouse era usado quase exclusivamente por desenvolvedores e outros tipos de tecnologia. Mas o Google trabalhou duro para torná-lo acessível para o usuário médio e está crescendo em popularidade como ferramenta de teste de velocidade devido ao alto nível de automação que oferece.

O Lighthouse pode ser executado em qualquer página, independentemente de exigir autenticação ou não, e se estiver sendo executado no WordPress ou não. Ele executará uma série de testes definidos pelo usuário e, em seguida, gerará um relatório sobre o desempenho da página.

Relatório de CI do Google Lighthouse

Esses relatórios podem ser usados para melhorar a qualidade geral de suas páginas da web, incluindo sua velocidade.

Embora você possa executar o Lighthouse diretamente do Chrome DevTools, também há uma versão da ferramenta que é atualizada continuamente. Isso é conhecido como Lighthouse CI e será a versão do Lighthouse que os usuários mais avançados precisam .

CI, neste contexto, significa Integração Contínua. Este é um paradigma de desenvolvimento de software no qual as atualizações de software são continuamente carregadas em um repositório central pelos desenvolvedores, para que os usuários sempre tenham acesso à versão mais recente. CI agora é padrão em várias tecnologias e indústrias da web. Por exemplo, 43% dos aplicativos bancários são programados com COBOL , uma linguagem de programação de computador baseada em CI.

Uma razão pela qual a CI não decolou em todos os lugares é porque ainda existe uma suposição generalizada (e muitas vezes infundada) de que ela dá origem a grandes problemas de segurança . No entanto, a verdade é que a CI pode levar a sistemas de software mais seguros, graças à prática que fornece aplicação de segurança automatizada.

Há também muitos motivos para usar o Lighthouse CI para auditar a velocidade do seu site WordPress, mas entre os mais úteis estão: que você pode configurar o Lighthouse CI para ser executado automaticamente toda vez que seu site for atualizado ou alterado. Isso pode ser feito usando um orçamento do Lighthouse, onde você pode definir vários testes de velocidade sob medida para diferentes partes do seu site.

Além disso, você pode até usar esse sistema automatizado para evitar que alterações que retardarão a implantação de seu site em seus sites WordPress (ou de seus clientes). Isso evita automaticamente que alterações caras afetem sua pontuação no PageRank.

Usando Lighthouse CI com WordPress

O processo de configuração do Lighthouse CI para ser executado em seu site WordPress não é complicado, mas é um pouco complicado .

Para quem procura um resumo do processo, ou que tem um pouco mais de conhecimento técnico, aqui está o esquema básico do processo:

  • Primeiro, você precisará configurar um novo repositório GitHub para acompanhar as alterações no seu site WordPress. Se você estiver testando a velocidade do seu site regularmente, configurar um repositório como esse é uma ótima maneira de acompanhar seu site, esteja você usando o Lighthouse CI ou não.
  • Em seguida, você precisará baixar o Lighthouse CI e configurá-lo para procurar alterações. Você pode então criar uma ação do Lighthouse que é executada automaticamente toda vez que um URL é alterado em seu site WordPress.
  • Para criar a função, você precisará criar uma função do Google Cloud separada que possa atualizar a configuração de ação do Lighthouse CI com os URLs alterados recentemente dos sitemaps XML e, em seguida, enviar a nova configuração para o repositório.

Nesse ponto, você terá uma instância do Lighthouse CI sendo executada automaticamente em seu site WordPress e alertando quando as alterações planejadas o tornarão mais lento. A partir daqui, você pode até adicionar ações automáticas ao seu repositório GitHub para evitar que alterações desse tipo sejam publicadas em seu site.

A melhor alternativa para usar o Lighthouse CI para aumentar a velocidade do seu site WordPress é usar as ferramentas de teste de velocidade que vêm incorporadas à sua hospedagem na web. Os hosts WordPress mais comuns, como SiteGround ou Kinsta , vêm com certas ferramentas de teste de velocidade que afirmam aumentar a velocidade do site em mais de 200% e também podem ser usadas em conjunto com o Lighthouse CI, se assim o desejar.

Pensamentos finais

Por fim, o objetivo de instalar o Lighthouse CI em seu site WordPress é fornecer uma melhor supervisão sobre o desempenho dele; não o ajudará a melhorar esse desempenho.

Se você está vendo continuamente que as páginas excedem seu orçamento de desempenho do Lighthouse, é hora de agir. Leia nossos guias sobre como otimizar suas páginas do WordPress, ou você pode até mesmo dar o passo mais drástico de pesquisar serviços de CDN que podem acelerar o WordPress.

Seja qual for a abordagem adotada, lembre-se da importância da velocidade para o sucesso do seu site. Verifique se você está auditando regularmente.

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(