Семь секций прекращают гидратацию

Performancekamo-marketing
Порезанный
19 августа 2026 г. в 20:37 UTC
Автор
Kamo
Обещать
7ba3b84

Шаг B. TrustBar, WhatReplacesWhat, HowItWorks, UseCases, Features, CTAStrip Цены теперь являются компонентами сервера. Они отображают HTML и не отправляют JavaScript. Единственная вещь, которая держала их на клиенте, была аналитика. Ни одного Семь из них имели состояние, реф или эффект — вся их интерактивность была «onClick={() => trackEvent(...)}» на ссылке, и этот единственный реквизит перетаскивался Все дерево в каждой секции увлажняется. Теперь это атрибут «data-track», Прочитано одним делегированным слушателем, установленным один раз для страницы. Преднамеренно НЕ «событие-аналитика данных», и именно поэтому TrackedClicks существует. Вместо собственного атрибута трекера: аналитика устанавливает проигрыватель фазы захвата и, для любого якоря, несущего его, вызывает препятствование по умолчанию, ждет своего маяка, устанавливает местоположение. href — превращение клиентской навигации в «ожидание аналитики» жёсткая перезагрузка, измеренная на этом сайте в 1,5-8 секунд мертвого времени за клик, и запрещенная ****************************** Слушатели здесь никогда не трогают Событие: не предотвратить Дефолт, не остановить Распространение, не ждать. Все пять названий событий выживают, проверенные на основе источников предварительной конверсии. cta-start-free, cta-view-pricing, cta-contact-sales, nav-click, Home-feature-learn-more. Вычисленные числа выше, чем количество колл-сайтов потому что сайты вызовов находятся внутри «.map()»: двенадцать функциональных карт, шесть планов. Все 22 атрибута приземляются на саму <a> или <button> и каждое значение для отслеживания данных В роли: JSON. HomeClient больше не является клиентским компонентом, который является изменением, которое сделало его клиентом. Возможен отдых — клиентский компонент не может импортировать серверный, поэтому директива В верхней части этого файла было принято решение о стратегии рендеринга для Целая страница. Его «динамические» обертки и границы суспенса шли вместе с ним. были код-расщепляющими компонентами, которые все увлажнялись в любом случае и резервировали «min-h-[600px]» для контента, который сервер уже создал. Два пасхальных яйца Они все еще нуждаются в «ssr: false», поэтому они сидят за своей маленькой клиентской границей. На клиенте осталось восемь компонентов, и список теперь честный: SharedNavigation, JumpToBar, ScrollProgress и Hero для прокрутки и воспроизведения FAQ для его аккордеона; ShippedStrip, потому что он ловит; SignupSection для Его форма: Footer for back-to-top. Торговля, потому что она не свободна. Дерево серверного компонента является Сериализирован в RSC-полезную нагрузку, а также HTML, поэтому документ вырос. В то время как JavaScript сократился: JS куски 261 999 -> 243 579 гзипов (-18 420, и 23 куска -> 15) документ 39 895 -> 53 877 gzip (+13 982) нетто -4,438 Байты близки к стирке. Точка - другая ось: на семь меньше компонента деревья для гидратации, по сравнению с оценкой сценария, измеренной на 922 мс и LCP "задержка рендеринга элемента" 1810 мс. Это цена, на которую мы нацелены, и это Не видны в байтах. Именно поэтому эта земля является его собственным обязательством. Если бег говорит обратное, Это восстанавливает состав клиента, не касаясь работы Шага А.

Все изменения

Как вы видите судоходство?

Каждое из этих обновлений автоматически попадает в ваше рабочее пространство. Начните бесплатно и смотрите, как он растет неделю за неделей.

Начните бесплатно навсегдаПосмотреть цены