- Dikirim
- 19 Agustus 2026 pukul 17.29 UTC
- Penulis
- Kamo
- Commit
- 917ad87
Homepage dikirim keseluruhan lipatan tak terlihat. Framer Motion serialises an 'initial' prop ke HTML prerendered sebagai gaya inline, sehingga markup tiba dengan < h1 >, kolom salinan, aperture reel dan penuh-berdarah latar belakang semua di 'opasitas: 0' - dan tetap seperti itu sampai React memiliki download, parsed dan hydrated dan menjalankan animasi frame pertamanya. Pertama dan Cat Kontentasi Terbesar karena itu mengukur seperempat megabyte JavaScript bundle daripada halaman: server telah membuat headline, dan naskah itu menahan kembali. Tidak ada yang melihat ini - bukan bangunan, tipe check, the lint run or the navigation guard - and on a desktop link it is tak terlihat. 'curl' halaman dan menghitung 'opasitas: 0': 102 dari mereka, setiap elemen di atas lipatan di antara mereka. Pintu masuk yang sama, pada waktu yang sama dan mengurangi, sekarang tombol frame CSS. Stylesheet yang diurai sebelum satu script telah diambil. LCP latar belakang menggunakan transisi daripada sebuah keyframe, karena transisi tidak tidak dijalankan pada render awal - sehingga frame yang sampai pada kedatangan sederhana up, dengan apa-apa untuk LCP untuk menunggu. Sisa jendela beban, dalam urutan menurun dari biaya: Wel mulai membayar dari byte pertama - 'preload = "metadata"', sebuah poster pada elemen, dan sebuah tangga adaptif pembukaan pada 540p rung di 1.17 Mbps - untuk aperture bahwa pada viewport sempit duduk di bawah lipatan, di bawah kolom salinan. Sekarang menunggu acara muatan, kemudian untuk utama benang untuk pergi menganggur, kemudian untuk aperture untuk datang dalam viewport. Tingkat ini capped untuk ukuran pemain dan mulai pada deretan bawah pada telepon. Save- Data dan pembaca 2G / 3G menyimpan bingkai poster dan tombol restart. Poster itu sendiri adalah 93 KB JPEG pada satu hari kepala cache. Melalui gambar optimiser itu adalah sebuah 26 KB AVIF pada sebuah URL immutable, dan itu bukan Diambil sampai gulungan itu dicari. Logo merek tersebut adalah 132 KB keluaran potrace delapan-desimal, sebelumnya dimuat sebagai gambar, untuk menggambar sebuah tanda 140 px lebar. Dibulatkan ke satu desimal dari sebuah 3503-unit Ruang dengan isi berulang hoisted, itu 59 KB - geometris identik untuk 0.0023 CSS px pada ukuran terbesar yang pernah diberikan. skrip / optimize- logo- svg.mjs adalah idempoten, untuk waktu berikutnya logo diekspor. GSAP berada di daftar skrip bersemangat dari setiap halaman di situs, empat kali lebih: a contenon on the progress bar 's gsap.set ()' writing two static properti gaya, 'from To' menduplikasi riak stylesheet adalah telah animasi, dan panggilan global-timeline yang hanya api untuk pembaca Yaitu orang-orang yang menyertakan keimanannya itu dengan amal saleh. Dalam melaksanakan salat, misalnya, mereka menghadapkan diri sepenuh hati, merasa takut, merendah dan saling mencintai. Keempatnya hilang dari kondisi kritis. lokasi; yang terakhir memuat pustaka di dalam cabangnya. ToucheOpticated mengukur setiap tombol, link dan masukan pada halaman selama Hidration, interleaving setiap membaca dengan elemen sebelumnya menulis - sebuah paksa - sinkron -layout loop beberapa ratus elemen panjang, pendaratan dalam Total Blocking Waktu di telepon itu ada untuk membantu. Sekarang batch membaca dan menunggu menganggur. 'Strategi < Script = "afterInteractive" >' memancarkan sebuah '< link rel = "preload" sebagai = "script" > ', yang meminta peramban untuk mengambil pelacak analisis di prioritas tinggi di samping latar belakang pahlawan. 'LazyOnload' masih merekam kunjungi, beberapa saat kemudian dan dari jalur kritis. Pahlawan memasang tiga layar layar layar penuh. Rotasi adalah desktop-only, so on a phone two of them were forever 'opasitas: 0'. 'Clear CookieConsent' - dua baris localStorage - diekspor dari tanda persetujuan, sehingga footer "mengelola cookies" kontrol menyeret 250 baris Femer Motion menjadi sepotong yang menghasilkan dalam HTML awal. Bergerak ke app / lib / cookie- coneng.ts, dan banner dan tumpukan roti panggang sekarang mount on menganggur: tidak melukis apa-apa saat kedatangan. 'experiental.optimizeCss' dicetak "OptimizeCss" dalam setiap membangun dan melakukan Tidak ada. Ini inline kritis CSS oleh post- pemrosesan selesai HTML, yang The App Router tidak pernah menyerahkannya. Diverifikasi terhadap output dibangun dengan Backend 'beasties' sebenarnya terpasang: nol < gaya > blok dalam < head >, stylesheet masih sebuah blok polos < link >. Dihapus - bendera yang melaporkan sukses sementara inert membaca sebagai optimasi sudah diambil. pemilih kelas 36 dan 24 keyframes dalam globals.css tanpa referensi dimanapun di dalam repositori, vendor dan dokumen termasuk. bita jalur kritis, gzip, digunakan terhadap sebuah build bersih: html 38.101 = 36,277 js 281.700 = 245.707 css 18.629 = 17,398 logo 57.390 = 22.902 total 395,820 322.284 (-19%) skrip ingin 15 = 13 Keluar dari jendela muat sepenuhnya di atas itu: Poster 93 KB, HLS manifest dan 1.17 segmen Mbps, dua gambar latar belakang, dan pelacak. Tidak ditujukan di sini: '/' jawaban 307 ke '/ en', yang merupakan URL a page-speed run tes dan mana Lighthouse dianggap sebagai redirect. Satu-satunya memperbaiki nyata adalah 'locale Prefix:' as-needed ", and that rewrites canonicals, hreflerang, sitemaps dan setiap wasit internal di ~ 250 rute di 22 locales sementara 301-ing setiap URL terindeks / en / *. Itu adalah keputusan SEO daripada pertunjukan, dan biaya hop ~ 60 m pada sebuah sudah-terbuka koneksi.