Sahneleri sekmeyi asılı bırakın

Fixkamo-marketing
Shipped
6 Eylül 2026 14:20 UTC
Author
Kamo
Commit
ab890f8

Raporlanmış: "Bir dakika veya iki sayfadan sonra animate'e bakar Geri ve tamamen kilitlendi. Tarayıcı sekmeyi kapatmak istiyor." Yeniden üretilen Tarayıcıdan ziyade kod; üç ayrı tam sayfa tehlike, bunlardan biri Bunun nedeni ve iki tanesi de kendi dönüşlerini bekliyordu. 1. kullanımShelves, içerik-bilite altağaçlarında düzeni zorluyordu – THE CAUSE Belgedeki her eşleştirme elemanında getBoundingClientRect() olarak adlandırılır, Her kaydırma çerçevesinde. Bir rAF throttle arkasındaki yirmi üç element, sanki Hiçbir şey, bu yüzden inceleme hayatta kaldı ve neredeyse başka bir sitede Hiçbir şey olmazdı. Globals.css “content-viability: auto' on every 'main section:not(#home)' - kasıtlı olarak, sekiz alt katı bölüm ortaya çıkıyorken LCP görüntü bekleme süresi 1,810 ms of form gecikmesinde ölçüldü. getBounding MüşterilerRect Bir düzen için okuma, bu yüzden onu atlanan bir alttree içinde bir element hakkında sormak Tarayıcı bu subtree'i hemen cevaplamak için bırakır ve sonra onu atlayın Yine bir kez hala ekrandan çıkıyor. Sixty times a second, for all Sekiz bölüm, sadece optimizasyonunu geri almaz - onu dönüştürür Daha önce hiç var olmayan tekrarlanan bir maliyet. Görünüşe göre yarı “özel-intrinsic-size: auto 900px”: Bunlar Hatırladıkları yükseklik ve yer sahibi arasındaki bölümler, bu yüzden Belge yükseklik oscillates ve her "animation-timeline: view()' Sayfada yeniden işletilen boşluklar ortaya çıkıyor. Bu, sayfayı animating Uzak ve geri. Kombinasyon düzeni maliyeti kilitlidir. Şimdi asla zaten verilmeyen bir elementin bir soru sormaz. An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An An IntersectionObserver – hangi güçler hiçbir şey – yakın adayların setini tutar Viewport ve sadece bu set hiç ölçüldü. Bir atlanmış alttree Elements Asla içinde değil. Aday listesi her çerçeve yerine her 3'ü yeniden inşa ediyor. 2. değiştirecektir: transform overlay katmanlarından çıktı Zaten ödediği hiçbir şey satın almadı: Bir tuval her şeyi yeniden boyadı çerçeve, bağımsız olarak kendi hesaplama katmanını alır. Satın aldığı şey bir şeydi WASH katmanı için tam görüş dokusu - asla statik bir CSS gradient Animates - sahnenin hayatı için düzenlenen, 1440p'ta birkaç megabay, Sayfa zaten dokuz as-odd backdrop-filter paneller taşıdı. 3. mix-blend-mode onu kullanan tüm beş sahneden çıktı Sabit bir tam-viewport katmanında bir karışım modu, tüm depoları okur veya tüm bütün bunları okuyun Sayfa her çerçeveye karşı karıştırmak için geri dönün. Bunu “kalite” olarak nitelendirin Yanlış derinlikte doğru içgüdüydü; Sayfada tam sayfa etkisi Sadece bir sekme asmıştı, buradan ölçülemeyeceğim bir tane daha göndermek bir değil Bir tahmin üzerine ticaret yapmaya değer. Hiçbir şey kaybolmaz - "düşün" beyazla Karanlık bir tuval, düz alfaların çektiğine yakın - ve ihtiyacı olan sahnelere yakındır Söz konusu ışık zaten tuvalin içinde "lighter", karşı Belgeye karşı değil diğer parçacıklar. Ve Bir WATCHG, çünkü bir sonraki kişi de gözden geçirilmeyecek useSceneCanvas şimdi gerçek çerçeve aralığı ölçer – “dt’a teslim değil Yaralanan sahneler ve bu yüzden asla sorun bildiremez - ve sayfa Sahnenin iyi, netler için durduğu on saniye boyunca 15fps tutamaz Ekrandan çıktı ve konsolda neden diyor. On saniye çok uzun CPU'yu çalan bir GC veya başka bir sekme onu ziyaret edemez, yeterince kısa Okuyucu, yakın düğmeye ulaşmadan önce sayfalarını geri alır. bayrak latches, bu yüzden sekmeye geri dönme, koşullara bir sahne yeniden başlamaz Bu onu uyandırdı ve ayakta bir sahne, yeniden boyuta dair spritlerini yeniden inşa etmeyi bıraktı. Canlı DOM geometrisine karşı çalışan sekiz tuval sahneleri donanımda kimse yok Burada, hiçbirimizin tahmin edemeyeceği bir şekilde tekrar başarısız olacaktır. Bu karar buna karar verir Hangi maliyetler: sınırsız bir sayfa, güvenilmez bir değil. Ayrıca düzeltildi: "dt'" sadece tavan bastırılırken "never 0" belgelendi. İki İki rAF callbacks bir zamantamp paylaşabilir ve bir puan geri kazanmak için dt tarafından bölünebilir Bir Infinity’i bir pozisyona alır. 1/480'lerde yer aldı. Sıradan bir ziyaretçi etkilenmedi - bugün tatil için çözülür, bu yüzden bu sadece sadece Ayaklayıcı picker aracılığıyla ulaşılabilir. Tsc temiz, 14 muhafız yeşil, 187 rotalar hala Prerendered.

All changes

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