- Navios
- 20 de agosto de 2026 às 03:17 UTC
- Autor
- Kamo
- Enviar
- 91aaf68
A página inicial renderiza 94 elementos que carregam `filtro de fundo: borrão(20px)`. Cada uma é uma camada de composição separada que tem que ler de volta tudo pintado atrás dele e executar um borrão gaussiano na resolução do dispositivo, e quatro deles estão em O navegador pegajoso, por isso, repetem-se em todas as molduras. No telefone de médio alcance a pontuação móvel é medida em, que é o mais coisa cara o renderizador é solicitado a fazer, e ele pousa exatamente na janela Fatos de farol como LCP "elemento render atraso" — 1.660 ms dele, contra uma imagem que terminou o download em 890 ms. Barato para buscar, caro para pintar. Abaixo de 768px o borrão é deixado cair. O que delineia estes painéis é deles próprios. fundo translúcido e sua borda; a cobertura só é realmente visível onde um painel se senta sobre um dos cenários da seção fotográfica. Área de trabalho mantém o efeito intocado — ele marca 98 e suas GPUs absorvem isso confortavelmente. O seletor de atributos é deliberado em vez de preguiçoso. Estes são estilos em linha escrita pelos componentes, e uma declaração em linha não pode ser substituída por uma regra ordinária, então correspondência no atributo é o que permite que uma regra alcance todos 94 sem editar todos os sites de chamadas. Também deixa 'will-change' do cenário herói em telefones. Existe para o 12 segundos entre frames, e que a rotação é apenas para desktop - HeroBackdrop portas-lo em `(min-largura: 768px)` e monta um único quadro Caso contrário. Então, no celular, estava pedindo ao compositor para manter um permanente camada full-viewport, preparada para uma animação de filtro que nunca é executada, no LCP O próprio elemento. O filtro ainda se aplica; apenas a dica de promoção vai.