Framer-Motion von der Website entfernen

Performancekamo-marketing
Verschifft
20. August 2026 um 02:28 UTC
Autor
Kamo
Ausschuss
6a63737

"Ungenutztes JavaScript zurückerhalten" hat in jedem Bericht den gleichen 35,4 KB Stück genannt, und es ist Framer Motion. Es ist kein eifriges Skript auf der Homepage, das ist warum es frühere Pässe überlebt hat - es kommt an, weil die Fußzeile 27 Routen verbindet und <Link" prefeten ihre Brocken, und die Kunden dieser Routen haben sie trotzdem importiert. Allein von der Homepage zu entfernen, war nie möglich; die Bibliothek musste gehen. Zwei Drittel des Problems stellten sich als Code heraus, den niemand anruft. 86 Dateien importiert framer-motion und 62 von ihnen werden von nichts anderem als den Markdown-Guides zitiert das vorgeschlagene . PhysicsField, LiquidWave, DataViz3D, Testimonials3DCarousel und 58 weitere. Diese werden gelöscht. Dead Dateien nie ein Stück eingegeben, so ist dies nicht wo die Bytes waren; es ist, was die restliche Arbeit tractable gemacht und was stoppt die Bibliothek, die von jemandem wieder eingeführt wird, der nach einem von ihnen greift. Die 24 Live-Dateien sind 130 Bewegungselemente, und sie alle taten eine von drei Dinge: ein Eingang, ein Schwebe oder eine Presse. Das sind ".reveal", ".lift" und Die existieren bereits in globals.css und kosten nichts zur Laufzeit . "Animation-Timeline: view()" hinter einem @supports Guard, so ein Browser ohne Scroll-gesteuerte Animationen zeigen einfach den Inhalt an. AnimatePresence Wrapper zu Fragmenten werden; ihre Kinder waren schon bedingt gemacht, und was ist verloren ist die Exit-Animation auf Elemente, die unmount. Die Bestätigungsseite benötigte reale Arbeit und nicht eine Umschreibungsregel. Sein Häkchen war drei VerwendungAnimation Kontrollen warten einander, so dass die gedeihen die Seite vorhanden zu zeigen konnte nicht beginnen, bis die Laufzeit hydratisiert hatte. Die Sequenz hat feste Offsets, also sind es jetzt vier Keyframe-Tracks, das zweite Paar verzögert 0,8s genau so, wie es die erwartete Version war. Seine .style={{ rotate: -90, originX Framers eigener Dialekt, der einfach Reagiere auf das DOM, wo "Rotate" bedeutet etwas anderes und "originX" bedeutet nichts, das jetzt eine echte Transformation ist. framer-motion ist deinstalliert, so dass dies nicht leise zurückgehen kann: ein Import ausfällt der Build statt still setzen 110 KB zurück auf 27 Routen. Geprüft: sauberer Build, Typcheck und alle drei Wachen.

Alle Änderungen

Wie, was Sie sehen Versand?

Jedes dieser Updates landet automatisch in Ihrem Arbeitsbereich. Starten Sie frei und beobachten Sie es Woche für Woche wachsen.

Free Forever startenPreisgestaltung anzeigen