Ayaklayıcıyı alın ve mikrofonu müşteriden çıkarın

Performancekamo-marketing
Shiked
20 Ağustos 2026 03:14 UTC
Yazar
Kamo
Commit
721669f

Üç değişiklik, sayfanın yargılandığı pencereden tüm çıkarma çalışmaları. “(sayfalar)/layout.tsx’in “kullanıcı” taşıdı ve hiçbir zaman gerekli değildi - hiçbir devlet, hayır Etkisi, eller, birlikte oluşturulan üç element. Talimatlar yönergeydi Yanlış yönde yük taşıma: Bir müşteri sınırı haline getirdi, bu yüzden Her navigasyonda tüm alttree re-rendered ve bir server-side footer imkansız, çünkü bir müşteri bileşeni bir sunucuyu ithal edemez. Bu, tam iki düğme için “kullanıcı” olan ayağını engelledi - "cookie settings" ve "geriye" Talimatlar seçici değildir, bu yüzden ~29 Bağlantılar, dört sütun başlığı, sosyal sıra ve beş paragraf yasal iyi JavaScript ve hidrated olarak gönderilen tüm baskı. Ayak, paylaşılan düzendedir, Bu yüzden her sayfanın maliyeti değildi, bir sayfa değil. düğmeler şimdi küçük bir ada Ve per-link analizi "data-track" özellikleri haline geldi, bu delege Funer zaten TrackedClicks okur - bu yüzden bir sunucu-rendered bağlantı hala raporlar rapor ediyor Bir eller taşımadan tıklama. TrackedClicks kök düzenine taşınır, Ayaktan şimdi sadece ana sayfasından ziyade her yere bağlıdır. Bu konuda en dürüst muhasebe: Taklitlere yakın. Bir müşteri bileşen uçuş ücretinde bir modül referansı sağlar; bir sunucu bileşeni Tüm ağacının maliyeti, bu yüzden ödeme yükü 216 KB -> 239 KB ham (+3.5 KB gzipped) istekli JS sadece biraz düşüyor. Aslında satın aldığı şey nedir hidrasyon ayağın üzerinde geçiyor -150 element, her sayfada ve paylaşılan bir ortak Artık navigasyona yeniden aday olmayan bir düzen. ScrollProgress ve JumpToBar artık boş. Ne de görülebilir varış - ilerleme bar sıfır genişlikte oturuyor ve JumpToBar kendisini sıfıra kadar saklıyor "scrollY > 300" - bu yüzden her ikisi de hipnotize edildi ve kaydırma dinleyicileri koymak için Şu anda hiçbir şey önemli değil. Ayrıca burada bulunan iki bileşen de var Deferring, düzeni maliyetinin tamamen ücretsiz olduğunu kanıtlıyor: Her ikisi de “pozisyon: sabit”. Geldikleri zaman her şeyi değiştiremezler. Kabul etmek yerine kontrol edin, onunla CLS mobil puanın dörtte birinde. "experimental.inlineCs" yeniden test edildi ve dışarıda kaldı, şimdi ölçülmüş bir neden için Hatırlanmış bir tane yerine. Teori daha önceki kötü sonucun geldi Geometrik duygulardan ve gsap ana iplikten oturdu; her ikisi de gitti, bu yüzden oldu Yeniden denemeye değer. Kütüphaneler değil. Bayrak belgeyi 53 KB'den alır 93.4 KB gzip, stil tablosu kendi başına 17.8 KB gzip iken, çünkü Next Bir <style> blok olarak işaretleyin ve RSC uçuşuna ikinci bir kopya kaçar Ücret: <style> 96.7 KB, lineer senaryo 216 KB -> 334 KB. Bu +118 KB senaryo Ana iplik başka bir şeyden önce par olmalıdır - TBT'nin tam şekli Bu maliyeti 20 ilk kez işaret eder. CSS'yi kopyalamak hiç bir işaret değildir; TBT Mobil puanın% 30'u.

Tüm değişiklikler

Kargoyu gördüğünüz gibi?

İş alanınızda bu güncellemelerden her biri otomatik olarak. Ücretsiz başlayın ve haftadan sonra büyümesini izleyin.

Sonsuza Kadar Ücretsiz BaşlangıçFırsatları Görüntüle