Mover o título para o compositor e o elemento de conversa fora de carga

Performancekamo-marketing
Navios
19 de agosto de 2026 às 18:55 UTC
Autor
Kamo
Enviar
e504993

Duas coisas restantes da última rodada, ambas marcadas em vez de feitas porque Cada troca de algo. A fazê-los agora. A linha da frente passa pela luz. Era uma segunda camada de fundo no bloco tipo, movido por animação `background-position' — uma propriedade de pintura, por isso cada quadro executado no tópico principal, no elemento LCP da página. Foi também o maior single contribui para a contagem de animação não composta do Lighthouse, e não há nenhuma maneira para deslizar um gradiente através dos glifos diretamente: `background- clip: text` somente recorta o próprio fundo de um elemento ao seu próprio texto, de modo que o gradiente e o letras são o mesmo objeto. Então a banda se move como um elemento. Uma sobreposição repete a frase em oliveira; uma máscara estática cortada na forma do antigo gradiente – mesmo 120°, mesmo 44%–56% pára — desliza através dele, enquanto a escala interna da sobreposição desliza da forma oposta pela mesma percentagem da mesma largura. Os dois cancelar exatamente em cada instantânea, porque ambas as animações carregam a mesma duração, atraso e facilidade, assim As letras nunca se mexem e só a banda iluminada as atravessa. Ambas são transformadas. Teclados não compositáveis estão abaixo de 10 para 8. O descanso é agora a única coisa pintada no bloco do tipo em si, que também significa que a primeira pintura do título — a pintura LCP — não envolve animação em Todos. A frase repetida é 'aria-escondido', por isso fica fora da acessibilidade árvore, e `user-select: none`, então copiar o título produz-lo uma vez em vez duas vezes. A conversa fiada. `lazyOnload` já estava tão longe quanto próximo / script pode adiar qualquer coisa: após o evento de carga. Não o suficiente. São 142 KB de JavaScript, 45 KB sobre o fio, e Lighthouse mediu 23 KB dele não utilizado na chegada — todos analisado e executado dentro da janela que decide Tempo de Bloqueio Total, para uma bolha no canto ninguém pediu ainda. Ele agora espera por um sinal de que alguém está realmente lá: pointerdown, pointermove, keydown, touchstart, rolagem ou roda, todos passivos e `uma vez`, então os ouvintes nunca pode atrasar o próprio rolo que os ativa. Um leitor que não toca em nada Ainda o apanha depois de oito segundos. Que oito segundos é o comércio, e vale a pena ser explícito sobre isso: a o visitante genuinamente passivo vê a bolha de bate-papo mais tarde do que eles costumavam. In praticar um rolo ou um ponteiro mover dentro do primeiro segundo ou dois é o normal caso e carrega-o imediatamente — mas esta é uma decisão do produto tanto quanto um desempenho um, e é reversível, apagando o portão.

Todas as alterações

Como o que vês no transporte?

Cada uma dessas atualizações pousa automaticamente em seu espaço de trabalho. Comece grátis e veja crescer semana após semana.

Começar Livre Para SempreVer Preços