- Expédié
- 20 août 2026 à 03:14 UTC
- Auteur
- Kamo
- Commite
- 721669f
Trois changements, tous en supprimant le travail de la fenêtre où la page est jugée. (pages)/layout.tsx - transporté "client d'utilisation" et n'a jamais eu besoin - pas d'état, non effet, pas de manipulateur, trois éléments composés ensemble. La directive était porteuses dans la mauvaise direction: il a fait de la disposition un limite client, donc le sous-arbre entier re-reproduit à chaque navigation, et il a fait un pied de page côté serveur impossible, parce qu'un composant client ne peut pas importer un serveur. Cela a déblocué le pied de page, qui était "client d'utiliser" pour exactement deux boutons. "réglages de cookie" et "retour en haut". La directive n'est pas sélective, donc liens, quatre titres de colonne, la ligne sociale et cinq paragraphes de l'amende légale imprimer toutes les expédiées en JavaScript et hydratées. Le pied de page est dans la disposition commune. C'était donc le coût de chaque page, pas celle d'une page. Les boutons sont maintenant une petite île et l'analyse par lien est devenu des attributs « data-track », que les attributs délégués L'auditeur déjà dans TrackedClicks lit - donc un lien rendu par serveur contient toujours des rapports son clic sans porter de manutention. TrackedClicks se déplace vers la configuration des racines, puisque le pied de page en dépend maintenant partout plutôt que de la page d'accueil uniquement. Honnête comptabilité sur celui-ci : elle est presque neutre sur les octets. Un client un composant coûte une référence de module dans la charge utile de vol; un composant serveur coûte l'ensemble de son arbre rendu, de sorte que la charge utile croît de 216 KB - 239 ko brut (3,5 Ko gzipped) tandis que les JS impatients ne tombent que légèrement. Ce qu'il achète vraiment, c'est l'hydratation passe au-dessus des éléments de plus de 150 dollars du pied de page, sur chaque page, et un élément partagé une disposition qui ne réretourne plus sur la navigation. ScrollProgress et JumpToBar sont maintenant inactifs. Ni l'un ni l'autre ne peuvent être vus Arrivée - la barre de progression se trouve à une largeur nulle et JumpToBar se cache jusqu'à ce que Les deux étiraient et attachaient les auditeurs de défilement pour rendre Rien à l'heure actuelle n'a d'importance. Ils sont aussi les deux composantes ici où le report est manifestement exempt de coûts de mise en page: les deux sont «positions: fixes», de sorte qu'ils Ne peut rien changer quand ils arrivent. Il vaut la peine de vérifier plutôt que de supposer, avec CLS à un quart du score mobile. «experimental.inlineCss» a été testé à nouveau et reste à l'écart, maintenant pour une raison mesurée. plutôt qu'un souvenir. La théorie était que son mauvais résultat précédent est venu à partir du mouvement de cadrer et de gsap sanant le fil principal; les deux ont disparu, donc il a été Cela vaut la peine d'être réessayer. Ce ne sont pas les bibliothèques. Le drapeau prend le document de 53 ko à 93,4 KB gzip alors que la feuille de style est de 17,8 KB gzip en soi, parce que Next Il s'enfonce en bloc de style ET échappe à un deuxième exemplaire dans le vol RSC Charge utile: 96,7 KB, script en ligne 216 KB - 334 KB. Que 118 KB est un script le fil principal doit être analysé avant toute autre forme et la forme exacte du TBT une pointe qui a coûté 20 points la première fois. Le blocage des fonds CSS est non sécable; le TBT est 30% du score mobile.