Render-blocking
Recursos (principalmente CSS e scripts síncronos) que precisam ser carregados e processados antes que o navegador possa pintar qualquer coisa na tela. Eles "bloqueiam a renderização" e atrasam o primeiro pixel — uma das principais causas de carregamento lento percebido.
Por quê: o CSS bloqueia a renderização porque o navegador não quer pintar conteúdo sem estilo (FOUC) — ele espera todo o CSS do head ser baixado e interpretado. Os <script> síncronos (sem defer/async) bloqueiam o parser — param a análise do HTML até serem baixados e executados. Resultado: CSS/JS grande ou entregue devagar no <head> atrasa o First Contentful Paint e o LCP. Otimização: inline do CSS crítico (o pedacinho necessário para o que aparece primeiro) e carregamento assíncrono do resto; defer/async nos scripts; reduzir e dividir CSS/JS; e preload dos recursos importantes. As ferramentas de desempenho do navegador os sinalizam como "render-blocking resources". Minimizá-los é uma das medidas de performance mais eficazes. Relacionado a caminho crítico de renderização e preload/prefetch.