Rimuovere gsap, la seconda animazione runtime sulla homepage

Performancekamo-marketing
Spegnimento
20 agosto 2026 alle ore 02:44 UTC
Autore
Kamo
Impegno
0bbc753

Framer era il faro di nome. GSAP è quello che non ha fatto, perché è arriva abbastanza tardi per cadere fuori "non usato JavaScript" — ma è 69 KB nella sua proprio chunk ed è stato preso e parsed su ogni carico di homepage, e la ragione vale la pena dichiararsi chiaramente: HomeEasterEggs monta KonamiCode e HiddenAnimations con `ssr: falso`, che defers rendering, non caricamento. Entrambi stazionatamente importati la biblioteca, così entrambi hanno tirato giù immediatamente dopo l'idratazione. Ciò che era tenuto pronto per è una sequenza della tastiera e una tripla scorrere verso il basso. Sul dispositivo si misura il punteggio mobile, il codice Konami non può essere digitato affatto. Il terzo trigger — cinque clic di logo — era già irraggiungibile: il suo manubrio siede su un ` <div>` dentro `display: nessuno`. I tweens stessi erano `gsap.to("body", ...)`: una rotazione yoyoing hue e una Tocca a tutti. Due tracce keyframe, guidate da un helper che aggiunge una classe e rimuove su `animationend`. Lo stesso modello di codice morto come framer-motion, nella stessa proporzione. 31 file importati gsap e 28 sono riferimenti da nulla — ogni GSAPPageTransition variante, ScrollTriggerExpanded, Timeline Orchestration e il resto. Ancora due. AnimatedIcon e Card3DFlip, sono stati importati da Caratteristiche. tsx e mai reso: importazioni morte su un componente homepage, che è il posto peggiore per uno. RidottoMotion perde anche la sua importazione succursale. Ha raggiunto per il globale di GSAP timeline per rallentare la corsa tweens; non c'è nessuno a rallentare, quindi ciò che rimane è le due proprietà personalizzate il foglio di stile in realtà legge. gsap è disinstallato. Con framer-motion andato nel commit precedente, né animazione runtime può tornare senza non aver fallito la costruzione. Verificato: costruzione pulita, typecheck, tutte e tre le guardie.

Tutte le modifiche

Come quello che vedi la spedizione?

Ognuno di questi aggiornamenti atterra automaticamente nello spazio di lavoro. Inizia gratis e guardalo crescere settimana dopo settimana.

Inizia gratis per sempreVisualizza il prezzo