Dipublikasikan: 9 Desember 2025
Monrif adalah salah satu grup penerbit terkemuka di Italia, yang mengoperasikan merek berita dengan traffic tinggi seperti Il Resto del Carlino, Il Giorno, La Nazione, dan QN Quotidiano.net. Dengan jutaan pengguna yang mengakses puluhan artikel per sesi, mengoptimalkan kecepatan navigasi dan waktu pemuatan halaman sangat penting untuk retensi dan engagement pembaca.
Pada awal tahun 2025, Monrif memulai inisiatif performa yang berfokus pada peningkatan Largest Contentful Paint (LCP) dengan menerapkan strategi pra-rendering yang efektif menggunakan Speculation Rules API. Dengan mengidentifikasi halaman artikel yang paling banyak dikunjungi dan menerapkan pra-rendering untuk jalur tersebut, Monrif mencapai peningkatan LCP hingga 17,9%—peningkatan performa yang terukur dan pengalaman berita yang mudah digunakan. Selain itu, hal ini menghasilkan peningkatan engagement pengguna yang signifikan, dengan puncak +8,9% di beberapa segmen.
Didorong oleh keberhasilan pra-rendering, tim juga menerapkan dukungan untuk back-forward cache (bfcache). Hal ini memungkinkan pengunjung yang kembali mengalami waktu pemuatan yang hampir instan saat kembali ke halaman yang sebelumnya dikunjungi, sehingga semakin berkontribusi pada pengalaman penjelajahan yang lancar dan responsif.
Tempat kami memulai
Sebelum peluncuran, data pengujian internal dan Laporan Pengalaman Pengguna Chrome (CrUX) menunjukkan bahwa banyak halaman Monrif—terutama tampilan artikel dan halaman beranda—memiliki skor LCP yang tidak optimal.
Sebelum upaya pengoptimalan dimulai sebelum Maret 2025, LCP persentil ke-75 untuk penayangan beranda di beberapa judul berkisar dari 2.333 detik hingga 2.419 detik. Meskipun secara teknis berada dalam batas "baik" (2,5 detik atau kurang), masih ada ruang untuk meningkatkan performa yang dirasakan pengguna selama pola navigasi frekuensi tinggi.
Cara kami meningkatkan LCP
Untuk mengurangi latensi selama navigasi, Monrif menerapkan pra-rendering spekulatif di semua domain desktop dan seluler menggunakan Speculation Rules API. Strategi ini dirancang untuk menyeimbangkan dampak performa dengan keamanan teknis, sehingga memungkinkan pra-rendering hanya jika elemen link cocok dengan pemilih dan kondisi tertentu.
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
Tingkat antusiasme ditetapkan ke moderate untuk semua link (dengan pengecualian tertentu). Setelan ini berspekulasi saat kursor diarahkan (di desktop) dan berdasarkan heuristik area tampilan (di perangkat seluler). Pendekatan ini memungkinkan tim mengontrol cakupan pra-rendering hanya pada link yang kemungkinan besar diperlukan sehingga meminimalkan penggunaan resource.
Hasil
Untuk mengevaluasi dampak pra-rendering, kami memfokuskan analisis pada tiga publikasi Monrif utama—Il Resto del Carlino, Il Giorno, dan La Nazione—menggunakan data GA4 dan metrik CrUX.
Meskipun pra-rendering diaktifkan di desktop dan perangkat seluler, insiden jauh lebih tinggi di desktop, karena "moderate" memungkinkan semua link lainnya berada dalam cakupan saat kursor diarahkan. Misalnya, di La Nazione, 13,9% tampilan web (desktop) memicu pra-rendering, dibandingkan dengan hanya 2,9% di perangkat seluler. Akibatnya, peningkatan performa lebih terlihat dan konsisten di platform desktop, yang menjadi cakupan utama studi ini.
Pada akhir Mei 2025, performa LCP telah meningkat secara signifikan di ketiga publikasi, seperti yang terlihat dalam data desktop CrUX:
Peningkatan ini sangat mirip dengan puncak aktivitas pra-render. Tabel berikut menunjukkan kemunculan pra-render tertinggi—baik berdasarkan volume maupun peningkatan persentase dibandingkan rata-ratanya—untuk setiap situs di desktop:
Di semua judul, nilai LCP terendah diamati dalam jangka waktu yang sangat tumpang-tindih dengan peristiwa pra-render tertinggi, terutama antara pertengahan Mei dan awal Juni 2025. Sinkronisitas ini menunjukkan korelasi yang kuat antara pra-render spekulatif dan peningkatan performa di dunia nyata.
Efek engagement
Sejalan dengan peningkatan LCP, Monrif mencatat peningkatan engagement pengguna yang terukur selama peluncuran pra-rendering. Dengan menganalisis data dari GA4 di Il Resto del Carlino, Il Giorno, dan La Nazione, rasio engagement meningkat secara signifikan pada minggu saat pra-rendering paling aktif.
Berikut perincian korelasi antara intensitas pra-render, peningkatan LCP, dan peningkatan engagement di desktop:
Meskipun beberapa faktor memengaruhi engagement, korelasi temporal yang erat menunjukkan bahwa performa yang lebih baik dengan pra-rendering menghasilkan interaksi pengguna yang lebih dalam dan berkelanjutan.
Dampak iklan
Meskipun tujuan utama Monrif adalah meningkatkan pengalaman dan performa pengguna, inisiatif ini juga tampaknya memberikan efek positif pada metrik iklan.
Secara khusus, rasio visibilitas di pasar terbuka—indikator utama visibilitas iklan dan kualitas inventaris—menunjukkan peningkatan yang kecil tetapi konsisten selama peluncuran pra-rendering. Di ketiga publikasi inti, visibilitas rata-rata meningkat sebesar 1,03%, yang sangat mirip dengan minggu-minggu dengan aktivitas pra-rendering tertinggi. Seperti halnya analisis performa dan engagement, angka ini berfokus pada traffic desktop untuk memastikan konsistensi di seluruh set data.
Peningkatan ini, meskipun kecil dalam istilah absolut, sangat berarti: Bahkan peningkatan kecil dalam visibilitas dapat meningkatkan kualitas inventaris yang dirasakan, meningkatkan rasio pengisian, dan meningkatkan kepercayaan pengiklan.
Yang sangat penting adalah bagaimana hal ini terkait kembali dengan peningkatan performa. Dengan mengurangi LCP dan meningkatkan kecepatan navigasi, Monrif membantu halaman dimuat lebih cepat dan membuat pengguna lebih tertarik. Hal ini pada gilirannya meningkatkan kemungkinan iklan tetap berada di area pandang lebih lama, dan lebih mungkin dilihat.
Meningkatkan kualitas navigasi instan dengan bfcache
Selain pra-rendering, Monrif berupaya untuk mengaktifkan dukungan untuk back/forward cache (bfcache) browser—mekanisme performa yang memungkinkan pemulihan halaman instan saat pengguna menavigasi menggunakan tombol kembali atau maju browser.
Untuk memastikan kompatibilitas dengan bfcache, developer mengatasi beberapa pemblokir umum:
- Menghapus pemroses peristiwa
unloadkarena tidak dapat diandalkan dan akan segera tidak digunakan lagi. - Menerapkan header
Permissions-Policyyang ketat untuk mencegah pengenalan ulang pemroses peristiwaunload(terutama oleh pihak ketiga). - Menerapkan pemroses peristiwa
pagehideuntuk menutup koneksi dengan aman (misalnya, IndexedDB, WebSocket). - Hindari penggunaan
Cache-Control: no-storekecuali jika benar-benar diperlukan, karena dapat memblokir bfcache dalam banyak kasus.
Meskipun tim belum memiliki data yang cukup untuk mengisolasi dampak bfcache dengan ketelitian statistik yang sama seperti yang digunakan untuk pra-rendering, pengujian awal dan rekaman aktivitas Chrome DevTools mengonfirmasi bahwa navigasi yang kompatibel dipulihkan sepenuhnya dari memori—menghasilkan waktu pemuatan kurang dari satu detik saat kembali ke artikel yang sebelumnya dilihat.
Kesimpulan
Dengan mengintegrasikan pra-rendering spekulatif, Monrif secara signifikan meningkatkan LCP di situs berita miliknya—dengan pengurangan waktu pemuatan hingga 17,9%. Peningkatan ini tidak hanya meningkatkan performa yang dirasakan, tetapi juga menghasilkan peningkatan yang terukur dalam engagement pengguna di seluruh judul intinya.
Selain itu, kasus ini menunjukkan bahwa pengoptimalan performa yang berfokus pada pengguna dapat menghasilkan manfaat monetisasi di hilir, dengan meningkatkan kondisi yang memengaruhi cara dan waktu iklan dilihat.
Studi kasus ini menunjukkan bagaimana pengoptimalan navigasi modern seperti pra-rendering dapat meningkatkan Data Web Inti dalam skala besar—bahkan di platform yang kaya konten—dan menghasilkan peningkatan yang terukur dalam pengalaman pengguna dan hasil bisnis.