- Shiked
- 19 Ağustos 2026 17:29 UTC
- Yazar
- Kamo
- Commit
- 917ad87
Ana sayfa bütün katlarını görünmez gönderdi. Framer Motion seriliyor “Açıkçası HTML’yi doğrusal bir stil olarak tanıtıyor, bu yüzden işaret <h1>, kopya sütunu, makyaj aperture ve tam-bleed Tüm arka plan "opacity: 0" - ve Reakt'a kadar bu şekilde kaldı indir, parsed ve hidrated ve ilk animasyon çerçevesini çalıştırın. İlk ve İlk En büyük İçeriklü Paint bu nedenle çeyrek-megabay JavaScript ölçümlendi Sayfadan ziyade paketler: sunucu zaten manşeti vermişti ve Bir senaryo onu geri alıyordu. Hiçbir şey bunu görmüyor - inşa değil, tip check, the lint run or the navigation guard - ve bir masaüstü bağlantısında görünmez. "curl'in sayfası ve say "opacity:0": 102 Bunların her elemanı Bunların arasında katlanma. Aynı girişler, aynı zamanda ve kiralama, şimdi CSS anahtar çerçeveler. Stil, tek bir senaryonun getirdiğinden önce parsed. LCP Arka plan anahtar bir çerçeveden ziyade bir geçiş kullanır, çünkü bir geçiş yapar. İlk durumda koşmayın - bu yüzden varışta olan çerçeve sadece yukarı, LCP'nin beklemesi için hiçbir şey yoktu. Yük penceresinin geri kalanı, maliyetinin ne olduğuna göre: · The makara ilk aste'den ödeme yapmaya başladı - "preload="metadata", a Eleman üzerine poster ve 540p'ta ayarlanan bir merdiven 1.17 Mbps - dar bir görüntüde bulunan bir aperture, kat altında oturur, kopya sütunu altında. Şimdi yük olayı için bekler, sonra ana için Ayırtmak için, o zaman bir görüntü içinde gelmek için aperture için. Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Seviye Düzey oyuncunun büyüklüğüne kapıldı ve bir telefonda alt rung üzerinde başlıyor. Kaydet-Data ve 2G/3G okuyucuları poster çerçevesini ve yeniden başlatma düğmesine devam ediyor. · Posterin kendisi bir günlük önbellek başlığında 93 KB JPEG idi. aracılığıyla Görüntü optimize edici bir URL üzerinde 26 KB AVIF olduğunu ve bu değil makara isteninceye kadar getiriliyor. · Marka logosu 132 KB sekiz-decimal potrace çıktı, önceden yüklendi Görüntü, 140 px geniş çizmek için. 3503-unitin bir dekimaline yuvarlandı Tekrarlanan doldurma ile uzay, 59 KB - geometrik olarak aynı En büyük boyuttaki 0.0023 CSS px şimdiye kadar verilir. scripts / optimize-logo-..mjs idempotent, bir sonraki kez logo ihraç edilir. · GSAP, sitedeki her sayfanın istekli senaryo listesinde, dört kez Over: ilerleme çubuğunun yüzünde bir tween, "gsap.set()" iki statik yazı stil özellikleri, bir “To’ duplicating a ripple the Stylesheet was was Zaten animating ve global-timeline bunu sadece okuyucular için yangınlar arıyor Kim daha az hareket istedi. Tüm dördü kritikten kayboldu Yol; en son kütüphaneyi kendi kolunda yükler. · TouchOptimized her düğmeyi, linki ve giriş sayfada her düğmeyi ölçtü hidrasyon, her birinin önceki elementin yazarıyla birlikte okuması – bir zorla-senkron-layout döngüsü birkaç yüz element uzun, iniş Total Blocking Telefonda zaman yardım etmek için var. Şu anda toplanıyor Oku ve idle için bekler. · "<Script strategy=" AfterInteractive">" bir "<link rel="preload" yayıyor ="script">' olarak, hangi tarayıcıya analitik tracker'i getirmesini istedi Kahraman geçmişinin yanında yüksek öncelik. "lazyOnload" hala kaydeder Ziyaret, bir an sonra ve kritik yolda. · Kahraman üç tam görüş geçmişi katmanına monte etti. rotasyondur. Sadece masaüstü-sadece, bu yüzden iki tanesi kalıcı olarak "yom: 0" idi. · "CookieConsent" - iki yerel yönetim hattı - ihraç edildi Onay pankart, bu yüzden ayağın "manage cookies" kontrolü 250 satır sürükleydi Framer Motion ilk HTML'de oluşturan bir chunk'a. Hareket eder app/lib/cookie-consent.ts, and the banner and the tost stack now on on on on the tost stack idle: varışta hiçbir şey boyamaz. · "experimental.optdingCs" her inşada "ol optimizeCs" basılmış ve yaptı. Hiçbir şey. HTML'yi post-processing bitirerek eleştirel CSS'ye işaret ediyor, hangi AppVPN asla onu elleştirmiyor. İnşa edilen çıktıya karşı doğrulandı "beass' backend aslında kuruldu: <head> sıfır <style> bloklar, Stylesheet hala basit bir engel <link>. Kaldırıldı - raporlara dair bir bayrak Başarı, inert zaten alınan bir optimizasyon olarak okur. · 36 sınıf seçerler ve dünya çapında 24 anahtar çerçeveler. repository, satıcı ve docs dahil her yerde. E-path bytes, gzip, temiz bir yapıya karşı konuşuluyor: html 38,101 → 36,277 js 281,700 → 245,707 cs 18,629 → 17,398 logo 57,390 → 22,902 Toplam 395,820 → 322,284 (-19%) istekli senaryolar 15 → 13 Yük penceresinin tamamen üstünde: 93 KB posteri, HLS Açık ve 1.17 Mbps segmentleri, iki arka görüntüler ve izer. Burada ele alınmamak için: ‘/' Cevapları 307 to '/en', URL bir sayfa hızlı koşusu Testler ve hangi Lighthouse bir yönlendirme olarak sayılır. Tek gerçek düzeltmedir “yerelePrefix: ‘as-need’ ve bu yeniden yazılabilirler canonicals, hreflang, sitemaps Ve her iç href, 22 yerelde, 301-ing her iç href, indexed /en /* URL. Bu, bir performans yerine bir SEO kararıdır ve Umut maliyetleri - zaten açık bir bağlantıdaki 60 ms.