- Shipped
- 19 de agosto de 2026 às 19:17 UTC
- Author
- Kamo
- Commit
- 2d7c0c0
As duas últimas rodadas tiveram a pontuação de 87 a 67. Bloqueamento total O tempo passou 80 ms a 460 ms e LCP de 3,9 s a 4,4 s. Duas das minhas próprias mudanças fizeram isso, e ambas foram feitas pela mesma má razão. A razão vale a pena dizer primeiro, porque é a lição real: os itens em "Insights" nesse relatório estão marcados **Unscored**. Não alimentam o pontuação de desempenho. FCP, LCP, TBT, CLS e Índice de Velocidade fazem. Passei duas rondas. otimizando insights não pontuados e pagando por eles nas métricas pontuadas. «experimental.inlineCss» — revertida. Faz o que promete: a folha de estilo deixa de ser um pedido de bloqueio de renderização. Mas 93 KB de CSS então tem que chegar e ser analisado * dentro * o documento analisar em vez de em paralelo ao lado dele, e o o documento passou de 36 KB gzip para 74,7 KB. O farol mediu o documento sozinho A 750 ms de CPU, e Style & Layout subiu de 573 ms para 826 ms. Um imutável. cacheable, requisição paralela é melhor do que isso, e "requisitos de bloqueio de render" Nunca foi marcado. A varredura compositável do título – revertida. Este é mais embaraçoso. porque falhou em seus próprios termos: a contagem de elementos não-compósitos foi UP, de 34 a 41. Duas camadas mascaradas cortadas por texto também não podem ser compostas, portanto a substituição foi de dois elementos de pintura-animados, onde houve um, mais um Correr permanentemente em dupla raster da h1. A versão original do elemento único Está de volta. O que substitui ambos é a mudança que deveria ter sido feita primeiro. Vinte e cinco. regras nesta página declarar uma animação infinita — campos de hexágono à deriva, malhas pulsando, gradientes deslizando, partículas flutuando, bandeira shimmer. Numa desktop ninguém percebe. No telefone de baixa potência uma execução emula, eles são um imposto permanente: a maioria de Estilo & Layout, a maioria de Rendering, e cada um deles contabilizado na auditoria de animação não composta. Nada disso é conteúdo; o página lê de forma idêntica com tudo ainda. Param agora abaixo de 768 px — o mesmo ponto de interrupção Hero já usa para decidir `desktopMotion`, então a partícula campo, a rotação de fundo e este interruptor juntos em vez de em três larguras diferentes — e em «prefers-reduced-motion». Todos os 25 estão cobertos. Cada um é fixado ao valor que o seu quadro de chaves repousa em vez de ser apenas desligado: um elemento cujo 0%/100% frame define `opacidade: 0,05` não tem opacidade de sua própria para cair para trás, e impedi-lo unpinned apagaria um texture ou deixe uma sobreposição completa de opacidade através do conteúdo sob ele. Os cenários da seção temática agora solicitam larguras de meia-visão nos telefones. Em qualidade 60 eles metade em tamanho, mas 4,08% de seus pixels deslocar de forma perceptível uma vez composto, e bandando através de um céu liso é o que um pano de fundo cheio de sangramento mostra Pior — a mesma objecção que rejeitou a qualidade 50 a 6,60%. Largar o a largura solicitada leva uma de 193 KB a 77 KB sem compressão artefatos em tudo, em uma imagem já escurecida a 60% sob um preto radial sobreposição, atrás de conteúdo opaco. A qualidade fica em 75. Também corrigido, e separadamente deste commit: as listas de reprodução HLS ainda estavam respondendo `max-age=300` porque o trabalho de codificação só os reescreve em um Recodificar. Seus metadados estão definidos diretamente agora, então o item 1 KiB cache-lifetime está fechado sem esperar por um. Um verdadeiro bug pego no caminho: a cirurgia CSS acima deixou uma chave de fechamento perdida na linha 1480. Turbopack estava servindo CSS em cache, então três builds passaram antes de um limpo falhar nele. Teria falhado com o informador.