- Navios
- 19 de agosto de 2026 às 20:58 UTC
- Autor
- Kamo
- Enviar
- 6d01ff1
Passo C. Nem GSAP nem Framer Motion está na homepage mais, eo O espaço de nomes de mensagens `home' não é mais enviado para o navegador. JS 241,999 -> 214,135 gzip (15 pedaços -> 13) documento 53.877 -> 51.797 gzip GSAP estava de volta, e vale a pena nomear precisamente porque nada sobre ele era visível: 70.712 bytes, puxados por quatro embalagens decorativas aninhadas dentro das seções O passo B tinha acabado de fazer componentes do servidor. Dois deles não precisavam de uma biblioteca em todos — HoverTransform tweened scale/rotate/y/boxShadow no mouseenter, que é um `:hover` regra, e GradientBorder chamada GSAP foi um * no-op*: ele animado `backgroundPosition` no elemento flat `#0a0a0a` que mascara o meio do borda, enquanto o gradiente qualquer um pode ver senta-se em um div diferente e nunca foi Tocado. Sua linha de cabelo viajando é implementada aqui pela primeira vez. Os outros dois leem coordenadas do ponteiro, de modo que eles genuinamente não podem se tornar CSS — mas eles também não podem fazer nada sem um ponteiro, e um telefone estava baixando 27 KB para executar uma inclinação nenhum touchscreen pode disparar. Ambos agora verificar `(hover: hover) e (pointer: fine)` e `import()` GSAP dentro do efeito, então é um pedaço preguiçoso em um desktop e ausente em todos os outros lugares. O efeito do ecrã está inalterado. O herói. 657 linhas nas quais nove peças de estado, quatro efeitos e três refs sentou-se no mesmo componente que as palavras, então Reagir hidratado o título, o lede, a regra de estatística e as chamadas para ação juntamente com o leitor de vídeo. A estado mudou-se para os dois lugares que o possuem — HeroBackdrop para a fotografia e sua rotação, HeroStage para o carretel e seu gating download — eo herói em si é um componente servidor. Ambas as ilhas ainda servidor-render sua marcação, assim o elemento LCP está no HTML exatamente como antes e ainda pinta de HTML e CSS sozinho. Nada sobre a primeira pintura mudou; o que mudou é o que tem que ser hidratado depois. A imagem de fundo também perdeu o seu traduzido "Background N" alt a favor de 'alt=""" aria-ocultado'. É um pano de fundo decorativo — que a corda descreveu markup em vez de qualquer coisa que um leitor precisa, e foi a última coisa fazendo o elemento uma preocupação de tradução. O nome. `home` é 341 chaves e 22 KB, e foi serializado para o documento para cada visitante porque um punhado de componentes do cliente lê-lo. FAQ e SignupSection são componentes do servidor agora com suas partes interativas divididas out — um item de acordeão e um único campo de e-mail, nenhum dos quais precisa de uma palavra de cópia — e ShippedStrip, HeroStage e HeroOfferBanner levar suas poucas etiquetas como adereços. Sem nada no cliente a ler, o fornecedor desaparece. a rota inteiramente e as strings são resolvidas uma vez, na renderização que produz o HTML. Ele salva menos do que a figura bruta sugere (~2 KB gzip): as mesmas strings estão em o HTML ao lado dele, então a cópia comprimiu bem. Ainda é a forma certa — nada deve estar enviando todo o dicionário de uma página para um navegador que tem já foi enviada a página. Cada evento de análise ainda dispara: sete nomes, todos verificados na marca construída, com os dois heróis agora 'data-track' ao lado do resto.