- Shiked
- 19 Ağustos 2026 17:50 UTC
- Yazar
- Kamo
- Commit
- 849051c
ThemedBackground, ana sayfada kalan en pahalı şeydi ve hiçbiri Bir boğa gibi görünüyordu. Bir ham <img> doğrudan tema kovasında, bu yüzden Tarayıcı usulsüz kaynak dosyasını aldı - 606, 646 ve 585 KB, WebP, at the at Tam karar, bir telefonda. Hiçbir şey onları yeniden boyutlandırmaz ve hiçbir şey hizmet etmedi Çünkü istek asla görüntü optimizasyonu yakınlarında gitmedi. Hiçbir tembel yüklenmedi Onlar ya da üç örnek (İşler, Fiyatlar, SignupSection) üzerine dağılır hidrasyon, bu yüzden yaklaşık 1.8 MB şu anda indirmeye başladı Sayfa denemeye çalışıyordu Etkileşimli olmak için, üç bölüm için kimse kaydıramadı. Ve her çerçeve İki kez getirildi: kullanılabilir bir prob "yeni bir Image()" inşa etti, bunun için bekledi Tam olarak yük ve daha sonra gerçek elementi veren durumu belirledi. "onError" bunun için doğru araçtır ve hiçbir şey maliyeti yoktur. “Bir sonraki / görüntünün her biri bir lazily-fetched, doğru büyüklükte bir AVIF'dir. Eksik URL ve yerleşme bir Framer Hareketinden ziyade bir CSS geçişidir. "Anarşist" <img>. “İklimler” yapılandırılır, bu bir ayar yerine önkoşuldur. knob: Sonraki 16 cevap 400 bu listede olmayan herhangi bir kalite için ve liste varsayılans Yalnız [75], bu yüzden “ite={50} göz ardı edilmedi, maliyeti olurdu Görüntü doğru. Kalite şimdi her yüzeyin aslında ne kadar kompozit olduğu, daha ziyade ölçüldüğünden belirlenir. Tahmin edilenden daha fazlası. Her ikisi de dahil olmak ve onları karşılaştırmak * sonra * sayfanın kendi kendine ait filtreler: Kahraman geçmişi parlak (.21) 41.1 dB PSNR pikselin% 0.57'si >8/255 → kalite 50 Onlar arka parlaklığı (.6), gri ölçekli% 20, radial black overlay 36.9 dB PSNR 6.60 piksel% >8/255 → 75'te kaldı Kahraman LCP elementidir ve ışıklarının beşincisinde kompozit edilir, bu yüzden Yarısı, hiçbir şeyin bu kadar siyahla çözemeyeceği detayı satın alır: 77.7 KB varsayılan olarak, 50'de 22.0 KB, bir fark için pikselin% 0,57'si ifade edebilir. Bu çerçeveler çok daha hafif bir overlay altında oturuyor, aynı adımın nereden geldiğini %6,6 - dolu bir yüzeyde düzgün bir gökyüzü alanını grup için yeterli. Onların Tasarruf her zaman kalite ayarı değildi; yeniden boyut ve laziness oldu. Poster çerçevesi, varsayılandan ziyade ölçülür. Sabit bir w =828 üç kez Bir telefonda aperture şovları, yaklaşık 370 CSS px olduğu yerde; bu Şimdi elementin genişliğinden ve cihazın piksel oranından elde edilen, karşı tarafta yapılandırılmış cihazSize. 26.5 KB → bir telefonda 7.6 KB. İki ön bağlantı şimdi dns-prefetch. Bir ön bağlantı bir soket açar Hemen ve onu tutar, bu sadece bir kökeni için gerekli olan İlk resim. Bu kökenin optimize edicisiyle birlikte, Tarayıcının ilk isteği tema.kamocrm.com sohbet öğesi veya sohbet öğesidir. Kahraman makarası, hem kasıtlı olarak yük olayından sonra hem de analiz kökenidir. Aynı hikaye o zamandan beri izer tembelOnload'a taşındı. Lighthouse rapor etti tema önceden kullanılmamış ve öyleydi: kritik yolda açılan bir soket, Onunla rekabet etmek, kapalı kaldıktan uzun zamana kadar boş. Ölçülen ve kasıtlı olarak değiştirilmeyen iki şey, bu yüzden yeniden tanımlanmamıştır: · Modern tarayıcıları hedef alan bir tarayıcı, 13.5 KB'yi kaldırmaz Polyfills Lighthouse bayrakları **************** Entries/hasOwn'dan nesne, ************************ Onlardır Sonraki'nin kendi "polifill-module", koşulsuz olarak dahil; tarayıcılarlist Set, aynı hash tarafından inşa edilen chunk. Ekle Bu şeytanlar, hiçbir şey “Css’in optimize edilmesi” değildi. · Herhangi bir yere atıfta bulunan 90 149 bileşenden vazgeçin 678 bytes gzip (17,398 → 16,720). Tailwind Ölü dosyaları bu dosyayı 17 KB yapan şey değildir, bu yüzden 90-file deletion Bir performans düzeltmesi olarak haklılanamaz. Yine de açık ve bu depodan tamir edilemez: kamo-chat.js servis edilir Tümünde önbellek kontrol başlığı olmayan tema kova, 143 KB. HLS listeleri 300s TTL kasıtlıdır - kahraman-hls-encode-job.yaml onları yeniden kodlamaya yeniden yazar - Ve 1 KiB değerinde, bu yüzden kalır.