O Que É um Recurso que Bloqueia a Renderização?
Um recurso que bloqueia a renderização é um arquivo que o navegador precisa buscar e processar antes de se dispor a renderizar qualquer conteúdo, segurando a primeira pintura. Folhas de estilo síncronas e scripts que bloqueiam o parser no head do documento são os culpados usuais. Até que terminem, o usuário vê uma tela em branco.
Por que isso importa
Ativos que bloqueiam a renderização prejudicam diretamente a rapidez com que os usuários veem conteúdo. Adiar scripts, embutir o CSS crítico e carregar estilos não essenciais de forma assíncrona são maneiras comuns de reduzir o conjunto que bloqueia.
Guias relacionados
What Is First Contentful Paint?First contentful paint measures the time from navigation until the browser renders the first content, such as…
What Is a Preload Hint?A preload hint tells the browser to fetch a resource the current page needs at high priority early, so a crit…
What Is Speed Index?Speed index measures how quickly the visible parts of a page paint during load, giving a score that rewards s…