- Szycy
- 19 sierpnia 2026 20:37 UTC
- Autor
- Kamo
- Pochęt się
- 7ba3b84
Krok B. TrustBar, WhatReplacesWhat, HowItWorks, UseCases, Features, CTAStrip i Ceny są teraz komponentami serwera. Renderują do HTML i nie wysyłają JavaScript. Jedyną rzeczą, która trzymała ich na kliencie, była analityka. Nie jeden Z siedmiu miało stan, ref lub efekt – cała ich interaktywność była "onClick" () "> trackEvent(...)" na linku, a ten pojedynczy rekwizyt był przeciągany Cała część jest drzewem nawadniającym. Jest to atrybut „data-track” teraz, Przeczytaj przez jednego delegowanego słuchacza zamontowanego raz na stronie. Celowo NIE ’data-analytics-event’, i to jest powód, dla którego TrackedClicks istnieje Zamiast własnego atrybutu trackera: analityka instaluje słuchacza fazy przechwytywania A dla każdej kotwicy noszącej ją wezwania do zapobieganiaDefault(), czeka na jej sygnale nawigacyjne, Ustawia location.href — przekształcenie nawigacji klienta w "czekać na analitykę, a następnie Przeładunek twardy”, mierzony na tej stronie w temperaturze 1,5-8s martwego czasu za kliknięcie i zakazany Społecznik tutaj nigdy nie dotyka Wydarzenie: bez prestoDefault, bez porozprzestrzeniania się, bez czekania. Wszystkie pięć nazw zdarzeń przetrwało, zweryfikowane w stosunku do źródeł przedkonwersyjnych — cta-start-free, cta-view-pricing, cta-contact-sales, nav-click, Home-feature-urzać-więcej. Wyrenderowane liczby są wyższe niż liczba call-site Ponieważ strony połączeń znajdują się wewnątrz ".mapa": dwanaście kart pełnofunkcyjnych, sześć planów. Wszystko 22 atrybuty lądują na samym przycisku i każdej wartości ścieżki danych Tak się przedstawia, jak JSON. HomeKlient nie jest już komponentem klienta, który jest zmianą, która dokonała Odpoczywek możliwy – komponent klienta nie może importować serwera, więc dyrektywa Na górze tego jednego pliku decydował o strategii renderowania dla Cała strona. Jego owijarki () i granice Suspense poszły z nim: Były składnikami rozdzielonymi kodowo, które i tak wszyscy nawodnili, i rezerwowali "min-h-[600px] dla zawartości, którą serwer już wyprodukował. Dwa wielkanocne jaja Nadal potrzebują „ssr: false”, więc siedzą za własną małą granicą klienta. Osiem komponentów pozostaje w kliencie, a lista jest teraz uczciwa: SharedNavigation, JumpToBar, ScrollProgress i Hero do przewijania i odtwarzania Państwo; ShippedStrip, ponieważ pobiera; FAQ dla jego akordeonu; Jego forma; Footer dla back-to-top. Trafiada, bo ta nie jest wolna. Drzewo renderowane komponentu serwera jest Skierowany do ładunku lotu RSC, a także w HTML, więc dokument się rozrósł Podczas gdy JavaScript skurczył się: JS chunks 261,999 -> 243,579 gzip (-18,420 i 23 kawałki -> 15) Dokument 39,895 -> 53,877 gzip (+13,982) Sek netto -4,438 Bytes jest blisko prania. Punkt jest drugą osią: siedem mniej elementów Drzewa do hydratu, w porównaniu z oceną skryptu mierzoną na 922 ms i LCP "Opóźnienie oddania fragmentu" 1 810 ms. Taki jest koszt, do którego to zmierza, i jest Niewidoczne w bajtowej liczbie. Dlatego też to jest jego własny commit. Jeśli bieg mówi inaczej, cofnięcie Ten przywraca kompozycję klienta bez dotykania pracy Step A.