Aprenda a melhorar o PageSpeed e os Core Web Vitals

Técnicas para melhorar a performance do site.

Arjen Karel
linkedin

Ajudo empresas a corrigir os Core Web Vitals, configurar um monitoramento robusto de RUM para Core Web Vitals, conscientizar equipes sobre pagespeed e gerenciar a implementação de boas práticas de Core Web Vitals

Às vezes, quando sobra um tempo (o que não acontece muito hoje em dia), escrevo sobre os Core Web Vitals

Vamos conversar

Impeça o Coralogix RUM de Roubar sua Rede Inicial

O Coralogix RUM envia beacons durante o carregamento e rouba rede do seu próprio LCP. Em vez disso, armazene os eventos em buffer e envie-os no page hide.

Corrija o Layout Shift 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 layout-shift do navegador

Como as Animações Acionadas por Rolagem Causam CLS

Seu cabeçalho que se oculta na rolagem pode estar falhando silenciosamente no CLS. Veja o motivo e como corrigir isso.

Raciocínio Proporcional para Desempenho 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 Ferramentas de Laboratório Não Conseguem Medir

O INP não pode ser simulado. Este é o fluxo de trabalho conectado a dados de campo para diagnosticar e corrigir o Interaction to Next Paint com um agente de IA.

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

O fluxo de trabalho completo de diagnóstico da LCP usando CWV Superpowers: desde a 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 monitoramento do Core Web Vitals: field data via MCP

Três tipos de servidores MCP conectam agentes de IA a dados do Core Web Vitals. Só um entrega os dados que o Google realmente usa para ranqueamento.

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 isso 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 da Tela no Mobile: Guia de Lazy Loading Nativo

Lazy loading nativo, content-visibility e por que o adiamento de imagens com JavaScript é peso morto

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

Controle quais recursos carregam primeiro e quais devem esperar

Agendar eventos do dataLayer para otimizar o INP

Como adiar eventos do GTM para depois do paint do navegador melhora a pontuação do INP

Otimize os Core Web Vitals para dispositivos de baixo desempenho

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

A melhor configuração do Cloudflare para passar no Core Web Vitals

Configure o Cloudflare para atingir a velocidade máxima e entenda as opções que você pode ajustar

Remova 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 corrigir isso.

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

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

O Impacto das CSS View Transitions no Desempenho Web

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

5 Níveis de Prioridade do 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 Direcionada por Dispositivo

Uma estratégia de carregamento de fonte responsiva para um LCP mais rápido e zero layout shifts

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

As configurações do painel Network que uso em toda auditoria 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 a Interaction to Next Paint abandonando a rolagem via 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.

Acelere a integração do Calendly

Incorpore o Calendly sem deixar os Core Web Vitals mais lentos

Aquecedor de cache de site gratuito

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

Páginas com Carregamento Instantâneo usando Speculation Rules

Aprenda como melhorar o Core Web Vitals fazendo com que as páginas carreguem instantaneamente com a Speculation Rules API

Como fazer o yield para a thread principal e melhorar o INP

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

Core Web Vitals para Ecommerce: Por que Visitantes com Alta Intenção Têm a Pior Performance

Os plugins de cache desativam o cache para usuários com carrinho. Veja como resolver o abismo do TTFB.

O checklist definitivo do Core Web Vitals (2026)

Todas as otimizações para 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

Page speed com orçamento curto: as otimizações mais importantes

Aprenda a melhorar os Core Web Vitals com estratégias de baixo custo

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 pagespeed

O Argumento para Limitar Scripts de Analytics e Rastreamento

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

Imagens de fundo são do mal

Por que imagens de fundo prejudicam suas Core Web Vitals e como substituí-las

Browser Reflow: O que o aciona e como afeta os Core Web Vitals

O reflow recalcula as posições dos elementos e bloqueia a thread principal. Aprenda o que o aciona, como detectá-lo e como preveni-lo.

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

Aprenda a auto-hospedar o Google Fonts e otimizar essas 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 o posicionamento no footer ainda faz sentido

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

Aprenda quando usar async e quando usar 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 'Reduza o JavaScript não utilizado' no Lighthouse

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

Não Existe uma Pontuação do Core Web Vitals (e Por Que Isso Importa)

Por que uma pontuação do Lighthouse não é uma pontuação do Core Web Vitals, e o que realmente determina se você passa ou falha

Widget de Chat com Core Web Vitals Perfeitos

Carregue widgets de chat sem perder o 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 imagem do seu LCP já está otimizada.

Otimize imagens para Core Web Vitals

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

Corrija o Layout Shift causado pelo dimensionamento automático de imagens

Imagens com largura e altura automáticas causarão um Layout Shift. Aprenda como corrigir isso

Core Web Vitals Visualizer: Extensão Gratuita do Chrome para Depuração de CWV

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

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

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

Adie imagens de fundo para um Core Web Vitals mais rápido

Adie ou faça lazy load de 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

Corrija Largest Contentful Paint image was lazily loaded no Lighthouse

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

Interaction to Next Paint (INP): O que é, como medir e melhorar

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

Corrija Scripts de Terceiros no Next.js para Melhores Core Web Vitals

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

Meça os Core Web Vitals no Next.js: Guia de Configuração de RUM

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

Remova o CSS de Bloqueio de Renderização no Next.js para Melhores Core Web Vitals

Remova o CSS de bloqueio de renderização no Next.js para Core Web Vitals mais rápidos

A Cloudflare corrigiu o script de ofuscação de e-mail (e talvez eu tenha causado isso)

O script de ofuscação de e-mail da Cloudflare bloqueava a renderização. Um PM da Cloudflare leu este artigo e publicou o fix. Ainda vale a pena evitar os problemas de SEO e segurança.

Corrija hero images lentas e os Core Web Vitals

Melhore o Largest Contentful Paint acelerando hero images lentas

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

O que o CLS mede, como a pontuação é calculada e quais causas verificar primeiro.

103 Early Hints: Faça o Preload de Recursos Críticos Durante o Tempo de Processamento do Servidor

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

Como reduzi meu LCP em 70%

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

Fazer preload da imagem do Largest Contentful Paint

Aprenda como melhorar os Core Web Vitals fazendo o preload da imagem LCP

Adiar Formulários da HubSpot: Corrija o Render Blocking Sem Editar Páginas

Uma correção rápida para scripts de formulário da HubSpot que causam render-blocking

Corrija 'Adiar imagens fora da tela': Guia de Lazy Loading para Core Web Vitals

Adie imagens fora da tela e melhore os Core Web Vitals

Core Web Vitals perfeitos com o YouTube

Aprenda a 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