- Expédié
- 19 août 2026 à 20:27 UTC
- Auteur
- Kamo
- Commite
- f911fd4
Étape A du travail d'hydratation. Framer Motion est parti de la page d'accueil faisceau: 798 723 - 677 593 octets bruts, 245 367 - 204 422 gzip. C'est-à-dire 35 945 moins d'octets sur le fil, contre une prédiction de 36 444 effectuée par la mesure chunk à l'avance, plus l'analyse et l'exécution qui l'accompagnaient. Quatorze composants l'ont utilisé. Aucun d'eux n'en avait besoin. Chaque section sous-jacente a conduit un «whileInView» ou un «useInView» à partir de ré-réaction-intersection-observateur pour évanouir son contenu en défilement. C'est deux bibliothèques et une limite d'hydratation par section pour faire ce que Le temps d'animation: view()- n'est pas prévu, sur le compositeur, sans délai d'exécution Et il portait le même défaut que le héros, parce que Framer serialise dans le serveur HTML. 96 éléments arrivaient à zocity: 0 et 0 et invisible jusqu'à ce que React soit hydraté. Le contenu sous le pli a été fermé sur un JavaScript Ensemble. Il est 9 maintenant, et tous les neuf sont délibérés: le JumpToBar avant son premier rouleau, la bobine de héros avant qu'elle ne soit désirée, et sept décorations hexagonales à opacité 0,1-0,15 qu'une sous-corrette corresponde aux captures "opacity:0". La garde de l'Atilation est la partie porteuse. Le base de la règle ".reveal" ne définit pas d'opacité propre, donc un navigateur sans défilement les animations n'appliquent rien et le contenu est simplement visible. Rien ici ne peut le contenu caché de navire, qui est la propriété dont l'ancienne version n'avait pas. Les autres étaient plus petits et plus manifestement mal placés: "Thihèd 'houhèvre/'en ce qui concerne les cartes et les boutons" devenaient .lift et ".press". Le retour d'information sur les survols qui avait besoin d'une hydratation avant qu'il ne fonctionne était toujours la mauvaise forme. HoverMorph a exécuté une boucle d'images clés "infinite" sur le rayon de bord. le compositeur ne peut pas animer - aussi longtemps qu'un pointeur repose sur une carte. C'est une transition maintenant. L'accordéon de la FAQ a animé la hauteur de la taille de l'accordéon: 0 - . . . . . . . . . . . . . . . . . . . . . . . . . . ne pas faire pendant des années et une raison équitable d'être atteint pour une bibliothèque. Une rangée de grille aller 0fr - 1fr- fait nativement. Les réponses restent également dans le DOM pendant s'est effondré maintenant, où la transition de présence a été utilisée pour les démonter, donc les moteurs de recherche et de recherche peuvent les voir; les boutons ont gagné le Ils auraient toujours dû avoir. HeroOfferBanner a importé la totalité de l'exécution de la "useReducedMotion", c'est-à-dire une requête des médias. Le pied d'œuvre a enveloppé l'état de la localisation pourrait animer, ce qui met l'exécution dans la mise en page partagée de chaque page. MagneticButton est la seule chose qui est vraiment perdue. Il a incliné le CTA vers le a été la dernière exploitation à l'importation de 36 KB en place, pour un effet, aucun dispositif tactile ne peut être les produits. Le bouton conserve .press. Son fichier est laissé dans l'arbre, inutilisé; Il vaut la peine de savoir que l'importer à nouveau rétablit silencieusement le temps d'exécution. La conversion a été effectuée par un scanner plutôt que par le regex, et c'est dans le le pavé de grattage de session plutôt que le repo parce qu'il s'agit d'un tampon unique. Attribution JSX Les valeurs contiennent des orthèses imbriquées, des chaînes et des fonctions de flèche, donc ne peut pas être égalé par quoi que ce soit qui ne suive pas la profondeur - toutes les animations L'appâtage a été abandonné et tout le reste a été conservé mot pour et dans l'ordre. Chaque fichier diff a été lu individuellement par la suite; les caractéristiques avaient deux objets de variante laissés orphelins, et ceux-ci sont éliminés. Ce que cela NE fait PAS, c'est d'arrêter les sections qui s'hydratent - elles sont toutes encore "client d'utilisation", parce que HomeClient est, et un composant client ne peut pas importer un serveur un. C'est l'étape B, et c'est une modification de la composition de la page plutôt que dans ces dossiers. Cette étape atterrit délibérément seule pour que les révélations puissent être a regardé dans un navigateur avant tout mouvement structurel.