Diviser le héros, et retirer les deux dernières bibliothèques de la page

Performancekamo-marketing
Expédié
19 août 2026 à 20:58 UTC
Auteur
Kamo
Commite
6d01ff1

Étape C. Ni GSAP ni Framer Motion ne sont plus sur la page d'accueil, et le L'espace de noms de messages n'est plus envoyé au navigateur. JS 241 999 euros - 214 135 gzip (15 morceaux - 13) Document 53 877 - 51 797 gzip GSAP était de retour, et valait la peine de nommer précisément parce que rien à son sujet n'était visible : 70 712 octets, tirés par quatre enveloppes décoratives emboîtées à l'intérieur des sections L'étape B venait de fabriquer des composants de serveur. Deux d'entre eux n'avaient pas besoin d'une bibliothèque à HoverTransform écrouage/rotate/y/boxShadow sur le rockenter, qui est un L'appel GSAP de GradientBorder était un « no-op » : il est animé "ResgroundPosition" sur l'élément plat "0a0a0a" qui masque le milieu du frontière, alors que la pente que tout le monde peut voir se trouve sur une autre division et n'a jamais été touchés. Sa ligne de cheveux itinérante est mise en oeuvre ici pour la première fois. Les deux autres coordonnées des pointeurs de lecture, de sorte qu'ils ne peuvent vraiment pas devenir CSS Mais ils ne peuvent pas non plus rien faire sans pointeur, et un téléphone était en train de télécharger 27 KB pour faire couler une inclinaison aucun écran tactile ne peut déclencher. Les deux vérifient maintenant (hopot: hover) et (pointeur: fine) et -import() - GSAP à l'intérieur de l'effet, donc C'est un morceau paresseux sur un ordinateur de bureau et absent partout ailleurs. L'effet de bureau est inchangé. L'héroine. 657 lignes dans lesquelles neuf pièces d'état, quatre effets et trois réfs s'est assis dans la même composante que les mots, alors React hydraté le titre, le lede, la règle de la stat et les appels à l'action avec le lecteur vidéo. Le l'État a déménagé dans les deux endroits qui le possèdent - HeroBackdrop pour la photographie et sa rotation, HeroStage pour la bobine et son téléchargement - et le héros Il s'agit lui-même d'un composant serveur. Les deux îles continuent de servir leur marge, donc l'élément LCP est dans le HTML exactement comme avant et peint toujours à partir de HTML et CSS seul. Rien sur la première peinture a changé; ce qui a changé est ce qui doit être hydraté après. L'image de fond a également perdu son alt alt traduit "Background N" en faveur de "alt" "aria-cachée. C'est une toile de fond décorative - cette corde décrit le balisage plutôt que tout ce dont un lecteur a besoin, et c'était la dernière chose à faire un élément d'une préoccupation de traduction. LE NOM. «home» : 341 clés et 22 ko, et il a été séridé dans le documenter pour chaque visiteur parce qu'une poignée de composants de client le lisent. FAQ et la section d'inscription sont maintenant des composants de serveur avec leurs parties interactives divisées. un article d'accordéon et un seul champ de courrier électronique, dont aucun n'a besoin d'un mot de copie et ShippedStrip, HeroStage et HeroOfferBanner prennent leurs quelques étiquettes comme des supports. Avec rien sur le client qui le lise, le fournisseur est parti la route entièrement et les cordes sont résolues une fois, dans le rendu que produit le HTML. Il économise moins que la figure brute suggère (- 2 KB gzip): les mêmes chaînes sont dans le HTML à côté, donc la copie compresse bien. C'est toujours la bonne forme. Rien ne devrait envoyer l'intégralité d'un dictionnaire de page à un navigateur qui a ont déjà été envoyées à la page. Chaque événement analytique est toujours le feu: sept noms, tous vérifiés dans le balisage construit, avec le héros maintenant « passage » à côté du reste.

Tous les changements

Comme ce que tu vois expédier ?

Chacune de ces mises à jour atterrit automatiquement dans votre espace de travail. Commencez gratuitement et regardez-le grandir semaine après semaine.

Commencez gratuitement pour toujoursPrix de visualisation