Sept sections cessent d'hydrater

Performancekamo-marketing
Shipped
19 août 2026 à 20:37 UTC
Author
Kamo
Commit
7ba3b84

Étape B. TrustBar, WhatReplace What, HowItWorks, UseCases, Features, CTAStrip et Les prix sont maintenant des composants de serveur. Ils rendent en HTML et n'expédient pas en JavaScript. La seule chose qui les avait gardés sur le client, c'était l'analyse. Pas un des sept avaient un état, une référence ou un effet - leur toute leur interactivité était sur un lien, et cet seul bavonage L'arbre entier de chaque section en hydratation. Il s'agit d'un attribut « data-track » maintenant, lire par un auditeur délégué monté une fois pour la page. Délibérément PAS « data-analytics-event », et c'est la raison pour laquelle TrackedClicks existe plutôt que l'attribut du tracker: l'analyse installe un auditeur de phase de capture et, pour toute ancre qui la porte, les appels empêchent Default(), attend son balise, puis définit place location.href - transformer une navigation client en "attendez pour l'analyse, puis rechargement dur", mesuré sur ce site à 1,5 à 8 heures mortes par clic, et interdit L'auditeur ici ne touche jamais l'événement: pas d'empêcherPar défaut, pas d'arrêtPropagation, pas d'attente. Les cinq noms d'événements survivent, vérifiés par rapport aux sources de préconversion cta-start-free, cta-view-tar-tar-prix, cta-contact-sales, nav-click, home-faut-est-revendu-plus. Les comptes rendus sont supérieurs aux comptes du site d'appel parce que les sites d'appel sont à l'intérieur de .map(): douze cartes de caractéristiques, six plans. Tous 22 attribue des terres sur le bouton lui-même et sur chaque valeur de suivi de données parses sous le nom de JSON. HomeClient n'est plus un composant client, ce qui est le changement qui a rendu Repos possible - un composant client ne peut pas importer un serveur, de sorte que la directive au sommet de ce fichier avait décidé de la stratégie de rendu de toute la page. Ses enveloppes et ses limites de Suspense sont allées avec: étaient des composants de partage de code qui se sont tous hydratés de toute façon, et réservation «min-h-[600px) pour le contenu que le serveur avait déjà produit. Les deux œufs de Pâques Il a encore besoin de "sssr": faux, donc ils s'assoient derrière leur propre petite limite de client. Huit composantes restent sur le client, et la liste est maintenant honnête : SharedNavigation, JumpToBar, ScrollProgress et Hero pour le défilement et la lecture État; ShippedStrip parce qu'il fait foire; FAQ pour son accordéon; Section d'inscription sa forme; Footer pour dos à l'envers. LE COMMERCE, parce que celui-ci n'est pas libre. L'arborescence rendue d'un composant serveur est sérialisé dans la charge utile de vol RSC ainsi que dans le HTML, de sorte que le document a augmenté alors que le JavaScript a été incluant: JS chunks 261 999 à 243 579 gzip (18 420 et 23 chunks - 15) Document 39 895 - 53 877 gzip (13 982 dollars) nets de -4,438 Les octets sont proches d'un lavage. Le point est l'autre axe: sept composante de moins Arbres à hydrater, contre l'évaluation du script mesurée à 922 ms et un LCP "le retard de rendre l'élément" de 1 810 ms. C'est le coût que cela est visé, et c'est non visibles dans un nombre d'octets. C'est aussi la raison pour laquelle ces terres sont leur propre engagement. Si une course dit le contraire, revenir en arrière Celui-ci restaure la composition du client sans toucher le travail de l'Etape A.

All changes

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