- Navios
- 20 de agosto de 2026 às 03:33 UTC
- Autor
- Kamo
- Enviar
- 73d73f8
Dois ouvintes de rolagem na página inicial ler `scrollHeight` por evento. Isso é um consulta de layout, e esta página é o pior lugar para fazer uma repetidamente: seções usam `content-visibility: auto`, então rolagem continuamente invalida layout e não há nunca um limpo para ler de — cada leitura força um Refluxo síncrono. A altura do documento não muda enquanto estiver a ser rolado, então agora medem uma vez e medem apenas no redimensionamento ou quando um O ResizeObserver no elemento documento diz que algo realmente mudou. Hidden Animations foi o pior dos dois e não só para o refluxo. Ele manteve sua contabilidade em estado React, assim que chamou setState em cada evento de rolagem — um renderizar por quadro de cada rolagem — e porque ambos os valores estavam no efeito dependência array, o efeito rasgou e re-anexou o ouvinte cada vez Também. Refs torná-lo invisível para Reagir até que o ovo realmente fogo, o ouvinte é passivo, e o trabalho é coalescido em um rAF por quadro. Também restaura a pré-carga do Space Grotesk, que é uma inversão deliberada. do que um flip-flop: o que a dica custa depende do que o gargalo é. Foi. removido porque reivindicou prioridade contra a imagem LCP, e que contenção é O logótipo perdeu a sua pré-carga e diminuiu para metade em tamanho, e as subpartes LCP não mais tempo aparecem no relatório. Sem a dica o rosto só é descoberto quando o stylesheet analisa, o que o tornou um elo TERCEIRO na cadeia crítica (document -> CSS -> fonte). Isso é o que levou máxima latência do caminho crítico para 488 ms e empurrado o render-bloqueamento estimado até 300 ms, desde a remoção do stylesheet teria removido a dependência da fonte também. Verifiquei que o pré-carregamento e o @font-face resolvem para o mesmo URL — Next emite uma variante distinta de `.p.` para faces pré-carregadas, e um descompasso haveria dica desperdiçada mais um segundo download da mesma fonte.