Core Web Vitals

Core Web Vitals são um conjunto de três métricas padronizadas definidas pelo Google que quantificam a experiência real do usuário em páginas web. [Largest Contentful Paint (LCP)](/glossary/lcp) mede quão rapidamente o maior elemento visível carrega, [First Input Delay (FID)](/glossary/fid) mede quão rápido a página responde à primeira interação do usuário, e [Cumulative Layout Shift (CLS)](/glossary/cls) mede quanto o layout da página se move inesperadamente durante o carregamento. Juntos, esses três números capturam velocidade de carregamento, responsividade de interação e estabilidade visual — os três pilares de uma boa experiência de página. O Google sinalizou que o Interaction to Next Paint (INP) está substituindo o FID como métrica de responsividade, mas a estrutura fundamental permanece a mesma.

O Google usa Core Web Vitals como sinal de classificação em seu algoritmo de busca. Páginas que atingem os limiares "bons" recebem uma vantagem de classificação, enquanto páginas com pontuações baixas podem ser rebaixadas nos resultados de busca. Além do SEO, essas métricas refletem diretamente o que os visitantes sentem: uma incorporação de [flipbook](/glossary/flipbook) que carrega lentamente frustra leitores, um botão que não responde causa abandono, e saltos inesperados de layout erodem a confiança. Para editores que incorporam conteúdo interativo em seus sites, o desempenho dessas incorporações contribui para a pontuação geral da página. Ignorar Core Web Vitals significa aceitar tanto menor visibilidade nas buscas quanto uma experiência de leitura degradada.

O FlipLink é projetado para proteger as pontuações de Core Web Vitals do seu site em vez de degradá-las. As incorporações de flipbook carregam de forma assíncrona para nunca bloquear a renderização do conteúdo principal da página, mantendo o [LCP](/glossary/lcp) rápido. O contêiner da incorporação reserva uma proporção fixa antes do flipbook inicializar, prevenindo mudanças de layout que prejudicariam o [CLS](/glossary/cls). Os ativos — imagens de páginas, scripts de renderização [Three.js](/glossary/three-js) e fontes — são carregados progressivamente e apenas quando necessário, mantendo a thread principal do navegador responsiva. A [tela de carregamento personalizada](/features/custom-loading-screen) do FlipLink exibe um placeholder suave enquanto o visualizador inicializa. O site de marketing do FlipLink alcança pontuação de 97 no desktop e 91 no mobile em auditorias de performance do Lighthouse.

**Meta LCP: abaixo de 2,5 segundos.** LCP mede o tempo de renderização do maior elemento visível no [viewport](/glossary/viewport) — imagem, vídeo ou bloco de texto. Para páginas com flipbooks incorporados, o contêiner do flipbook não é o elemento LCP — tipicamente é a imagem hero ou o título da página. O carregamento assíncrono do FlipLink garante que a incorporação não atrase este elemento. **Meta FID/INP: abaixo de 100 milissegundos (FID) ou 200 milissegundos (INP).** Essas métricas medem o atraso entre uma ação do usuário (clique, toque, pressionamento de tecla) e a resposta do navegador. O FlipLink descarrega a renderização pesada para [WebGL](/glossary/webgl) via Three.js, mantendo a thread principal livre para processamento de entrada. **Meta CLS: abaixo de 0,1.** O CLS se acumula toda vez que um elemento visível muda de posição inesperadamente. O código de incorporação do FlipLink usa um wrapper com proporção fixa, então o navegador aloca o espaço exato antes de qualquer conteúdo carregar. Sem reflow, sem deslocamento. **Ferramentas de medição:** Google PageSpeed Insights, Lighthouse (integrado ao Chrome DevTools) e o Chrome User Experience Report (CrUX) relatam todos os Core Web Vitals. Os dados de campo do CrUX refletem a experiência real do usuário em uma janela móvel de 28 dias.

| Métrica | Bom | Precisa Melhorar | Ruim | |---------|-----|------------------|------| | LCP | ≤ 2,5s | 2,5s – 4,0s | > 4,0s | | FID | ≤ 100ms | 100ms – 300ms | > 300ms | | INP | ≤ 200ms | 200ms – 500ms | > 500ms | | CLS | ≤ 0,1 | 0,1 – 0,25 | > 0,25 | Esses limiares se aplicam ao percentil 75 dos carregamentos de página — o que significa que 75% das visitas devem atingir o limiar "bom" para a página passar. Uma única visita lenta não reprova a métrica, mas um padrão consistente de pontuações baixas sim.

**Incorporar um flipbook prejudica meus Core Web Vitals?** Não, se a incorporação carrega de forma assíncrona e reserva seu espaço de layout antecipadamente. O código de incorporação do FlipLink faz ambos por padrão. O flipbook inicializa após o conteúdo principal da página ter sido renderizado, então não compete com a seção hero ou navegação pela prioridade de carregamento. **Qual métrica importa mais para SEO?** O Google pondera as três igualmente como parte do sinal de experiência de página. No entanto, LCP tende a ter o impacto mais visível na velocidade percebida, tornando-se a primeira métrica que a maioria dos editores otimiza. **Com que frequência devo verificar meus Core Web Vitals?** Execute uma auditoria Lighthouse após qualquer mudança significativa na página — especialmente após adicionar ou modificar conteúdo incorporado. Para monitoramento contínuo, verifique o relatório de Core Web Vitals no Google Search Console semanalmente. Os dados de campo se atualizam em um ciclo móvel de 28 dias, então melhorias levam cerca de um mês para se refletir nas pontuações CrUX.