Aprenda a melhorar o PageSpeed e os Core Web Vitals

Técnicas para melhorar o desempenho do site.

Arjen Karel
linkedin

Ajudo empresas a corrigir os Core Web Vitals, a configurar tracking de RUM robusto para os Core Web Vitals, a sensibilizar para a velocidade das páginas e a gerir a implementação de boas práticas dos Core Web Vitals

Às vezes, quando tenho tempo (o que não acontece com frequência hoje em dia), escrevo sobre os Core Web Vitals

Vamos falar

LCP request discovery no Lighthouse: verificações e a solução

A imagem de LCP só pode começar a descarregar depois de o browser a encontrar. Porque é que uma foto numa folha de estilos, num slider ou numa opção de lazy loading atrasa o LCP, e como fazê-la arrancar com o HTML.

Network dependency tree no Lighthouse: como ler e corrigir

Os ficheiros que o browser só encontra dentro de outros ficheiros fazem a página esperar por cada um deles à vez. Como ler a árvore e as tabelas de preconnect, e como encurtar as cadeias.

Corrigir o Layout shift culprits no Lighthouse e PageSpeed

O que se moveu enquanto a página carregava, como verificar o elemento que o Lighthouse culpa e como corrigir mudanças causadas por imagens, web fonts, anúncios, barras e CSS tardio.

Use efficient cache lifetimes no Lighthouse: como corrigir

O que lista o diagnóstico do Lighthouse, o que ganham os visitantes recorrentes com um ano nos ficheiros estáticos e onde o definir no host, plugin ou CDN.

Render-blocking requests: soluções com ou sem developer

Quem adiciona cada ficheiro da lista, o que pode desativar sem código e o que exige um developer.

Font display no Lighthouse: que fontes corrigir e onde

Uma web font pode esconder o texto enquanto descarrega e mover a página quando chega. Que fontes da lista compensam o esforço e onde fica a configuração no WordPress, Shopify e no seu próprio CSS.

Impeça o Coralogix RUM de roubar sua rede inicial

O Coralogix RUM envia beacons durante o carregamento e rouba banda do seu próprio LCP. Em vez disso, coloque os eventos em buffer e envie-os ao ocultar a página.

Corrigir a Mudança de Layout do Widget de Chat do HubSpot

Uma solução alternativa que reduz um CLS de 0,91 para 0,02 explorando duas exclusões de mudança de layout do navegador

Como as animações desencadeadas por scroll causam CLS

O seu cabeçalho que se esconde no scroll pode estar a falhar o CLS silenciosamente. Eis o motivo e como o corrigir.

Raciocínio Proporcional para Performance Web

O gargalo é a fase que consome a maior parcela do tempo total. Não a fase que excede um limite absoluto.

Corrija o INP com um agente de IA: a métrica que as ferramentas de laboratório não conseguem medir

O INP não pode ser simulado. Eis o fluxo de trabalho ligado a field data para diagnosticar e corrigir o Interaction to Next Paint com um agente de IA.

Corrigir LCP com um Agente de IA: De Dados de Campo à Correção de Código

O fluxo de trabalho completo de diagnóstico de LCP usando CWV Superpowers: da identificação da fase do gargalo nos dados de campo até a alteração específica no código.

CWV Superpowers: Diagnóstico Automatizado de Core Web Vitals

Uma skill gratuita do Claude Code que se conecta aos seus field data do CoreDash e ao Chrome para diagnosticar problemas de LCP, INP e CLS e gerar correções de código.

Agente de IA para monitorização das Core Web Vitals: field data via MCP

Três tipos de servidores MCP ligam agentes de IA a dados das Core Web Vitals. Só um lhes dá os dados que a Google realmente usa para os rankings.

JPEG XL e Core Web Vitals: o que você precisa saber agora que o Chrome o suporta

Como o JPEG XL se compara ao AVIF, WebP e JPEG, o que significa para seus Core Web Vitals, e como começar a servi-lo hoje

Prerender Until Script: O Meio-Termo Entre Prefetch e Prerender

Carregue sub-recursos e construa o DOM sem acionar scripts ou poluir o analytics

Adiar imagens fora do ecrã no telemóvel: guia de lazy loading nativo

Lazy loading nativo, content-visibility e por que adiar imagens em JavaScript é peso morto

Guia de Priorização de Recursos para Core Web Vitals

Controle quais recursos carregam primeiro e quais esperam

Agendando eventos do dataLayer para otimizar o INP

Como adiar eventos do GTM para depois da renderização do navegador melhora suas pontuações de INP

Otimize os Core Web Vitals para dispositivos de baixo desempenho

Por que sites rápidos em hardware econômico exigem concessões mais rigorosas do que a maioria das equipes admite

A melhor configuração da Cloudflare para passar nos Core Web Vitals

Configure a Cloudflare para a velocidade máxima da página e perceba as definições que tem à disposição

Remover Parâmetros de Rastreamento com Cloudflare Workers e Transform Rules

Parâmetros de rastreamento como fbclid e gclid criam URLs exclusivas que ignoram o cache da sua CDN. Três maneiras de resolver isso.

Imagens hero do Elementor mais rápidas em 2 minutos!

Aprenda como mudar de imagens de fundo lentas para imagens normais rápidas em imagens hero do Elementor em 2 minutos

O Impacto das CSS View Transitions no Desempenho Web

Entenda por que e quando view transitions podem impactar o desempenho web

5 Níveis de Prioridade JavaScript e Como Usá-los

Nem todos os scripts são iguais. Carregue-os na ordem certa.

Carregamento Responsivo de Fontes Web: Uma Estratégia Sensível ao Dispositivo

Uma estratégia responsiva de carregamento de fontes para um LCP mais rápido e zero mudanças de layout

Configurações do painel Network das DevTools do Chrome para os Core Web Vitals

As configurações do painel Network que uso em todas as auditorias de Core Web Vitals

Por que o atraso de 28 dias do Core Web Vitals é um mito

Os dados do CrUX são de dois dias atrás, não 28. Veja o que a janela móvel de 28 dias realmente significa.

Melhore o Interaction to Next Paint abandonando o scrolling com JavaScript

Crie uma bela experiência de rolagem suave que não afeta os Core Web Vitals

O script GRATUITO de último recurso para otimizar a velocidade da página.

Acelere sua página sem conserto com este método de último recurso para melhorar até as páginas mais lentas.

Acelerar a integração do Calendly

Integre o Calendly sem prejudicar os Core Web Vitals

Aquecedor de cache de site gratuito

Pré-aqueça o cache do seu site para acelerar os Core Web Vitals gratuitamente

Páginas de carregamento instantâneo com Speculation Rules

Aprenda como melhorar os Core Web Vitals fazendo com que as páginas carreguem instantaneamente com a nova API speculation rules

Como Ceder o Controle ao Thread Principal para Melhorar o INP

Use scheduler.yield() para dividir tarefas longas e manter suas páginas responsivas

Core Web Vitals no ecommerce: porque é que os visitantes com forte intenção de compra têm o pior desempenho

Os plugins de cache desativam a cache para utilizadores com carrinho. Eis como corrigir o abismo do TTFB.

A checklist definitiva dos Core Web Vitals (2026)

Todas as otimizações a verificar ao melhorar o desempenho do LCP, INP e CLS

Layout shift causado por transições CSS

Saiba como encontrar e remover transições CSS que criam layout shifts

Velocidade de páginas com orçamento limitado: as otimizações mais importantes

Saiba como melhorar os Core Web Vitals com estratégias económicas

Quando o preload de stylesheets (não) faz sentido

Por que fazer o preload do seu CSS geralmente não ajuda, e o único caso em que ajuda

Adiar o jQuery no WordPress

Aprenda como adiar o jQuery no WordPress para obter mais velocidade na página

Argumentos para Limitar Scripts de Analytics e Rastreamento

Como os scripts de analytics e rastreamento afetam seus Core Web Vitals e o que fazer a respeito

As imagens de fundo são terríveis

Porque é que as imagens de fundo prejudicam os Core Web Vitals e como as substituir

Forced reflow no Lighthouse: o que significa e o fix

Um script que altera a página e a seguir pede uma dimensão obriga o browser a refazer o layout de imediato. Quando isso faz os toques encravar e quando é inofensivo.

Auto-alojar o Google Fonts para melhorar os Core Web Vitals

Saiba como auto-alojar o Google Fonts e otimizar estas fontes para melhorar os Core Web Vitals

JavaScript no Head vs Footer: Como Isso Afeta os Core Web Vitals

Por que o defer no head é a melhor prática moderna, e quando colocá-lo no footer ainda faz sentido

JavaScript Defer vs Async e como isso afeta os Core Web Vitals

Aprenda quando usar async ou defer no JavaScript para obter os melhores resultados nos Core Web Vitals

Adie Scripts Até Que Sejam Necessários

Carregue JavaScript sob demanda usando IntersectionObserver e gatilhos de interação do usuário

Corrigir 'Reduce Unused JavaScript' no Lighthouse

Encontre e remova JavaScript não utilizado para melhorar os seus Core Web Vitals

Lighthouse vs field data: verifique se a correção funcionou

Um carregamento simulado contra 28 dias de visitas reais: como testar uma correção, onde ver o que os visitantes receberam e quanto tempo até a Google a ver.

Widget de Chat com Core Web Vitals Perfeitos

Carregue widgets de chat sem perder PageSpeed

Você deve usar preconnect para redes de anúncios? Depende do seu LCP

Usar preconnect para redes de anúncios pode prejudicar ou ajudar. Tudo depende se a sua imagem LCP já está otimizada.

Otimize imagens para o Core Web Vitals

"Aprenda como as imagens afetam o Core Web Vitals e como otimizá-las

Corrigir o Layout Shift causado pelo redimensionamento automático de imagens

Imagens com largura e altura automáticas causarão um layout shift. Saiba como corrigir isso

Core Web Vitals Visualizer: Extensão gratuita do Chrome para depurar CWV

Uma extensão gratuita do Chrome que cria uma sobreposição em tempo real das suas Core Web Vitals, criada para desenvolvedores que depuram o desempenho sem abrir o DevTools.

Lento por Erro vs Lento por Design: Um Framework de Performance Web

Como categorizar problemas de performance ajuda você a corrigir as coisas certas primeiro

Adiar imagens de fundo para Core Web Vitals mais rápidos

Adie ou aplique lazy load em imagens de fundo para um Largest Contentful Paint mais rápido

16 métodos para adiar ou agendar JavaScript

Aprenda como adiar e agendar JavaScript

Corrigir a imagem Largest Contentful Paint carregada com lazy loading no Lighthouse

Aprenda como corrigir o aviso do Lighthouse 'Largest Contentful Paint image was lazily loaded'

INP nas Core Web Vitals: o que é e como melhorar

O que o INP mede, como difere do FID e qual das três fases corrigir primeiro.

Corrigir scripts de terceiros no Next.js para melhores Core Web Vitals

Corrija os problemas de Core Web Vitals causados por scripts de terceiros no Next.js

Medir o Core Web Vitals no Next.js: Guia de Configuração de RUM

Configure Real User Monitoring (RUM) para o Core Web Vitals no Next.js (App Router e Pages Router)

Remover CSS que bloqueia a renderização no Next.js para obter melhores Core Web Vitals

Remova o CSS que bloqueia a renderização no Next.js para obter Core Web Vitals mais rápidos

A Cloudflare corrigiu o script de ofuscação de email (posso ter sido a causa)

O script de ofuscação de email da Cloudflare bloqueava o render. Um PM da Cloudflare leu este artigo e lançou o fix. Continua a valer a pena evitar os problemas de SEO e de segurança.

Corrija hero images lentas e os Core Web Vitals

Melhore o Largest Contentful Paint acelerando hero images lentas

O que é o Cumulative Layout Shift (CLS) e como o corrigir

O que o CLS mede, como se calcula a pontuação e quais as causas a verificar primeiro.

103 Early Hints: preload de recursos críticos durante o tempo de processamento do servidor

Use o tempo de processamento do servidor para fazer preload da imagem do LCP e do CSS crítico antes de a página estar pronta

Como reduzi meu LCP em 70%

Aprenda métodos avançados para melhorar os Core Web Vitals

Pré-carregar a imagem do Largest Contentful Paint

Aprenda como melhorar os Core Web Vitals pré-carregando a imagem do LCP

Adiar Formulários HubSpot: Corrigir Bloqueio de Renderização Sem Editar Páginas

Uma correção drop-in para scripts de formulário HubSpot que bloqueiam a renderização

Corrigir 'Defer Offscreen Images': Guia de Lazy Loading para Core Web Vitals

Adiar imagens fora da tela e melhorar os Core Web Vitals

Core Web Vitals perfeitos com o YouTube

Saiba como incorporar vídeos do YouTube sem perder PageSpeed

First Contentful Paint (FCP): O que é, como medir e corrigir

Aprenda o que o First Contentful Paint mede, por que não é um Core Web Vital e 15 técnicas comprovadas para fazer suas páginas renderizarem mais rápido