---

@CanalQb no YouTube

---

Como usar Lighthouse CI para avaliar performance do seu blog Blogger

---

Sempre crie uma frase de segurança única para jogos, testnets ou airdrops e evite usar sua carteira principal.

---

Introdução: por que monitorar performance no Blogger?

O Lighthouse CI é uma ferramenta poderosa do Google para medir a qualidade técnica dos sites em aspectos como performance, acessibilidade, SEO e boas práticas. Embora o Blogger seja uma plataforma sem acesso direto a servidores ou npm, é possível usar o Lighthouse CI de forma externa para analisar o blog e garantir a conformidade com as diretrizes do Google Search Console, Google Ads e AdSense. Este post mostra passo a passo como configurar e usar o Lighthouse CI mesmo com um blog hospedado no Blogspot.

1. Pontos essenciais para análise no Blogger

• Performance: tempo de carregamento no mobile e desktop.
• SEO técnico: metatags, estrutura HTML, dados estruturados, sitemaps.
• Semântica e acessibilidade: uso correto de alt, aria e títulos.
• Boas práticas: compressão de imagens, uso de HTTPS, ausência de recursos bloqueados.

2. O que é o Lighthouse CI

O Lighthouse CI funciona como um conjunto de ferramentas de linha de comando que permite executar auditorias automáticas em páginas da web, gerar relatórios acessíveis publicamente (temporary-public-storage) e até integrar com serviços de CI (como GitHub Actions). É ideal para analisar sites estáticos ou com acesso restrito — como o Blogger.

O pacote oficial está disponível no npm como @lhci/cli, desenvolvido pela equipe do Lighthouse.

3. Como configurar localmente

1. Instalação: no terminal, rode npm install -g @lhci/cli.
2. Arquivo de configuração: no diretório do seu projeto (ou pasta local), crie o arquivo lighthouserc.js com:

   module.exports = {
     ci: {
       collect: {
         url: [
           'https://canalqb.blogspot.com/',
           'https://canalqb.blogspot.com/p/scripts.html'
         ],
         numberOfRuns: 3
       },
       upload: {
         target: 'temporary-public-storage'
       }
     }
   };

3. Execução: execute no terminal: lhci autorun. O resultado será um link para relatório público.

4. Usando GitHub Actions (opcional)

Se você mantiver um repositório GitHub com conteúdos ou documentação do blog, pode automatizar as auditorias:

name: Lighthouse CI

on:
  push:
    branches: [main]

jobs:
  audit:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v3
      - uses: actions/setup-node@v3
        with: node-version: 16
      - run: npm install -g @lhci/cli@0.15.x
      - run: lhci autorun

Esse fluxo dispara auditorias automaticamente a cada push e gera relatórios que ajudam a identificar regressões.

5. Interpretação dos resultados

Os relatórios do Lighthouse CI incluem notas (0–100) em quatro categorias principais:

• Performance: análise de métricas como LCP, FID, CLS.
• SEO: verificação de tags essenciais, links, mobile.
• Best Practices: segurança e uso de HTTPS, recursos não bloqueados.
• Acessibilidade: uso de atributos alt, títulos, contraste.

Use os relatórios para priorizar correções, como reduzir tamanho de imagens, adicionar metatags, otimizar scripts ou tornar o site mais responsivo.

6. Benefícios para AdSense e indexação

• Performance rápida favorece o engajamento e a qualidade do AdSense.
• Meta tags bem configuradas ajudam no Search Console e Ads.
• Layout responsivo melhora visibilidade em mobile e evita penalizações do Googlebot.
• Auditoria constante permite manter e melhorar o desempenho pós-aprovação.

7. Dicas avançadas

• Evite scripts extras: o Blogger bloqueia instalação direta; use widgets com parcimônia.
• Compressão de imagens: use formatos modernos (WebP) e defina dimensionamento no HTML.
• Schemas e dados estruturados: adicione JSON‑LD via template ou gadgets.
• Valores do relatório: compartilhe nas redes para feedback; adicione o link do relatório no rodapé ou em artigo técnico.

8. Conclusão

Mesmo sem acesso ao backend do Blogger ou instalações nativas, você pode utilizar o Lighthouse CI para monitorar a qualidade do seu blog do ponto de vista técnico. Isso traz ganhos diretos em:

• 🕒 menor tempo de carregamento;
• 📈 melhor indexação no Google;
• 💰 mais potencial de ganhos com AdSense;
• 🌐 experiência de leitura mais agradável.

Faça testes periódicos, atualize o lighthouserc.js com novas URLs e acompanhe a evolução do desempenho. Esse é o caminho para um blog mais profissional e preparado para atrair público e anunciantes.

Atenção: análise de desempenho e adaptações devem considerar o contexto do seu público e os limites da plataforma. Use as métricas como guia, não como regra absoluta.

Para ajuda na configuração, na análise de um relatório Lighthouse CI ou na criação de scripts para gerar sitemaps e dados estruturados, conte comigo. 😊