- Navios
- 20 de agosto de 2026 às 03:13 UTC
- Autor
- Kamo
- Enviar
- 86cb9fc
A desagregação LCP é o período restante e as suas duas subpartes de carga — 270 ms de atraso na carga de recursos, 500 ms de duração da carga — são um problema prioritário, Não é um problema de tamanho. O elemento é o cenário herói, 14,8 KB de AVIF, e ele serve de cache em 44 ms. Com o que competia, todos clamando alto prioridade à sua frente em <head>: Inter 48.4 KB pré-carregado Espaço Grotesk 22, 3 KB pré- carregado logo-full-white.svg 15.6 KB pré-carregados (gzipped on the wire) **************************** ~86 KB, contra um recurso LCP de 14,8 KB Nada pediu o logotipo pré-carregado. Reagir auto- pré- carregar a primeira imagem na árvore e que é o logotipo de navegação, por isso herdou uma reivindicação de prioridade que nunca precisou — é uma marca 140x40 no canto. `fetchPriority="low"` deixa cair a dica Completamente. O logotipo também é de 39 KB de fonte para que 140x40 renderizar: 89 auto-traced caminhos em Precisão completa. Recodificado em 2 casas decimais é 19,2 KB bruto / 7,3 KB Um corte de 54% no fio. Deliberadamente SEM Svgo's mergePaths, que colapsou os 89 caminhos em 5 — que reescreve o enrolamento da regra de preenchimento, que é como contadores de letras são cortados, e não há nenhum navegador sem cabeça aqui para provar que ainda Parece certo. O passe conservador tem a mesma poupança. Espaço Grotesk perde sua pré-carga, e o comentário defendendo-o tinha a premissa Errado: alegou que o h1 do herói é o elemento LCP. Nomes do farol LCP elemento explicitamente e é a imagem de fundo. `display: swap` já significa não o texto espera neste rosto, e o retorno gerado pelo Next carrega correspondência métricas de ajuste de tamanho para que a troca não mova o layout. Inter mantém sua pré-carga — é o texto corporal, e é aí que uma troca seria realmente sentida. Também: imagens otimizadas responderam `max-age=86400, must-revalidate`. Esses URLs são conteúdo-endereçado — fonte, largura e qualidade estão todos no texto de consulta — assim eles não podem retornar bytes diferentes. Cresceu para um ano. next.config.ts também registra o re-teste de `experimental.inlineCss', que permanece Desliga. Veja o commit que segue para o porquê. Resultado em <head>: a pré-carga do logotipo se foi, e os bytes reivindicando prioridade à frente da queda de imagem LCP de ~86 KB para ~56 KB.