Yayınlanma tarihi: 9 Aralık 2025
Monrif, Il Resto del Carlino, Il Giorno, La Nazione ve QN Quotidiano.net gibi yüksek trafikli haber markalarını işleten, İtalya'nın önde gelen yayıncılık gruplarından biridir. Oturum başına düzinelerce makaleye erişen milyonlarca kullanıcısı olan Monrif için okuyucu tutma ve etkileşimi açısından gezinme hızını ve sayfa yükleme süresini optimize etmek çok önemlidir.
2025'in başlarında Monrif, Speculation Rules API ile etkili bir önceden oluşturma stratejisi uygulayarak Largest Contentful Paint (LCP) değerini iyileştirmeye odaklanan bir performans girişimi başlattı. En çok ziyaret edilen makale sayfalarını belirleyip bu yollar için önceden oluşturma uygulayan Monrif, LCP'de% 17,9'a varan bir iyileşme elde etti.Bu, performans ve kullanıcı dostu haber deneyimlerinde ölçülebilir bir iyileşme anlamına geliyor. Ayrıca bu durum, kullanıcı etkileşiminde önemli bir artışa yol açtı ve bazı segmentlerde% 8, 9'luk zirveler görüldü.
Önceden oluşturma özelliğinin başarısından cesaret alan ekip, geri-ileri önbellek (bfcache) desteğini de uygulamaya koydu. Bu sayede, daha önce ziyaret edilen sayfalara geri dönen ziyaretçiler neredeyse anında yükleme süreleriyle karşılaşarak sorunsuz ve hızlı bir göz atma deneyimi yaşadı.
Nereden başladık?
Bu özellik kullanıma sunulmadan önce yapılan şirket içi testler ve Chrome Kullanıcı Deneyimi Raporu (CrUX) verileri, Monrif sayfalarının çoğunun (özellikle makale ve ana sayfa görünümleri) LCP puanlarının idealin altında olduğunu gösterdi.
Mart 2025'ten önce optimizasyon çalışmaları başlamadan önce, çeşitli başlıklardaki ana sayfa görüntülemeleri için LCP'nin 75. yüzdelik dilimi 2,333 saniye ile 2,419 saniye arasında değişiyordu. Teknik olarak "iyi" eşiği (2,5 saniye veya daha kısa) içinde olsa da yüksek sıklıkta gezinme kalıpları sırasında kullanıcı tarafından algılanan performansı iyileştirmek için hâlâ yer vardı.
LCP'yi nasıl iyileştirdik?
Monrif, gezinme sırasında gecikmeyi azaltmak için Speculation Rules API'yi kullanarak tüm masaüstü ve mobil alanlarda spekülatif önceden oluşturma uyguladı. Bu strateji, performans etkisini teknik güvenlik ile dengelemek için tasarlanmıştır. Bu nedenle, önceden oluşturmaya yalnızca bağlantı öğeleri belirli seçiciler ve koşullarla eşleştiğinde izin verilir.
{
"prerender": [
{
"where": {
"and": [
{
"not": {
"selector_matches": "[rel~=nofollow]"
}
},
{
"not": {
"selector_matches": ".no-prerender"
}
},
{
"selector_matches": "a"
}
]
},
"eagerness": "moderate"
}
]
}
İsteklilik düzeyi, belirli hariç tutmalarla birlikte tüm bağlantılar için moderate olarak ayarlandı. Bu ayar, fareyle üzerine gelme (masaüstünde) ve görünüm alanı sezgisel yöntemlerine (mobil cihazlarda) göre tahmin yapar. Bu yaklaşım, ekibin önceden oluşturma kapsamını yalnızca en çok ihtiyaç duyulan bağlantılarla sınırlamasına ve böylece kaynak kullanımını en aza indirmesine olanak tanıdı.
Sonuçlar
Önceden oluşturmanın etkisini değerlendirmek için analizimizi GA4 verilerini ve CrUX metriklerini kullanarak üç büyük Monrif yayınına (Il Resto del Carlino, Il Giorno ve La Nazione) odakladık.
Önceden oluşturma hem masaüstü hem de mobil cihazlarda etkinleştirilmiş olsa da "moderate", fareyle üzerine gelindiğinde tüm bağlantıların kapsamda olmasına izin verdiğinden masaüstünde görülme sıklığı önemli ölçüde daha yüksekti. Örneğin, La Nazione'de web (masaüstü) görünümlerinin% 13, 9'u önceden oluşturmayı tetiklerken bu oran mobil cihazlarda yalnızca% 2, 9'dur. Bu nedenle, performans iyileştirmeleri masaüstü platformlarda daha görünür ve tutarlı oldu. Bu da masaüstü platformları bu çalışmanın ana kapsamı haline getirdi.
Mayıs 2025'in sonlarına doğru, CrUX masaüstü verilerinde görüldüğü gibi LCP performansı üç yayının tamamında önemli ölçüde iyileşmişti:
Bu iyileştirmeler, önceden oluşturma etkinliğindeki zirveleri yakından yansıtıyordu. Aşağıdaki tabloda, masaüstündeki her site için en yüksek önceden oluşturma oluşumları (hem hacim hem de ortalamaya göre yüzde artış olarak) gösterilmektedir:
Tüm öğelerde, en düşük LCP değerleri en yüksek önceden oluşturma etkinlikleriyle büyük ölçüde çakışan zaman aralıklarında (özellikle Mayıs ortası ile Haziran başı 2025 arasında) gözlemlendi. Bu eşzamanlılık, spekülatif önceden oluşturma ile gerçek dünyadaki performans kazanımları arasında güçlü bir korelasyon olduğunu gösteriyor.
Etkileşim etkisi
Monrif, LCP'deki kazanımlara paralel olarak önceden oluşturma kullanıma sunulurken kullanıcı etkileşiminde ölçülebilir bir artış kaydetti. Il Resto del Carlino, Il Giorno ve La Nazione'deki GA4 verilerini analiz eden Google, önceden oluşturma özelliğinin en aktif olduğu haftalarda etkileşim oranının önemli ölçüde arttığını tespit etti.
Masaüstünde önceden oluşturma yoğunluğu, LCP iyileşmesi ve etkileşim artışı arasındaki korelasyonun dökümü aşağıda verilmiştir:
Etkileşimi birden fazla faktör etkilese de, yakın zamansal korelasyon, önceden oluşturma ile daha iyi algılanan performansın daha derin ve daha uzun süreli kullanıcı etkileşimine yol açtığını gösteriyor.
Reklamcılığa etkisi
Monrif'in asıl amacı kullanıcı deneyimini ve performansı iyileştirmek olsa da bu girişim, reklamcılık metrikleri üzerinde de olumlu etkiler yaratmış gibi görünüyor.
Özellikle açık pazardaki görüntüleme oranları (reklam görünürlüğünün ve envanter kalitesinin önemli bir göstergesi) önceden oluşturma kullanıma sunulurken mütevazı ancak tutarlı bir iyileşme gösterdi. Üç temel yayında ortalama görüntülenebilirlik, en yüksek önceden oluşturma etkinliğinin olduğu haftaları yakından takip ederek %1,03 arttı. Performans ve etkileşim analizinde olduğu gibi, bu rakamlar da veri kümeleri arasında tutarlılık sağlamak için masaüstü trafiğine odaklanır.
Mutlak değerler açısından küçük olsa da bu iyileştirme önemlidir: Görünürlükteki küçük artışlar bile envanterin algılanan kalitesini artırabilir, doldurma oranlarını yükseltebilir ve reklamverenlerin güvenini artırabilir.
Bu durumun performans iyileştirmeleriyle nasıl bağlantılı olduğu özellikle dikkat çekicidir. Monrif, LCP'yi azaltarak ve gezinme hızını artırarak sayfaların daha hızlı yüklenmesini sağladı ve kullanıcıların daha fazla etkileşimde bulunmasını sağladı. Bu da reklamların görüntü alanında daha uzun süre kalma ve görülme olasılığını artırır.
bfcache ile anında gezinmeyi iyileştirme
Monrif, önceden oluşturmanın yanı sıra tarayıcının geri/ileri önbelleği (bfcache) için desteği etkinleştirmek üzere çalıştı. Bu, kullanıcılar tarayıcının geri veya ileri düğmelerini kullanarak gezinirken sayfaların anında geri yüklenmesini sağlayan bir performans mekanizmasıdır.
Geliştiriciler, bfcache ile uyumluluğu sağlamak için birkaç yaygın engelleyiciyi ele aldı:
- Güvenilir olmadıkları ve yakında desteği sonlandırılacakları için
unloadetkinlik işleyicileri kaldırıldı. unloadetkinlik işleyicilerinin (özellikle üçüncü taraflarca) yeniden kullanıma sunulmasını önlemek için katı birPermissions-Policybaşlığı kullanıma sunuldu.- Bağlantıları (ör. IndexedDB, WebSocket) güvenli bir şekilde kapatmak için
pagehideetkinlik dinleyicileri uygulandı. Cache-Control: no-storekullanımından kaçınıldı. Bu, birçok durumda bfcache'i engelleyebilir.
Ekip, bfcache etkisini önceden oluşturma için kullanılan istatistiksel titizlikle izole etmek için henüz yeterli veriye sahip olmasa da erken testler ve Chrome Geliştirici Araçları izleri, uyumlu gezinmelerin bellekten tamamen geri yüklendiğini doğruladı. Bu sayede, daha önce görüntülenen makalelere geri dönülürken bir saniyeden kısa yükleme süreleri elde edildi.
Sonuç
Monrif, spekülatif önceden oluşturmayı entegre ederek haber web sitelerindeki LCP'yi önemli ölçüde iyileştirdi ve yükleme süresinde% 17,9'a varan azalma elde etti. Bu iyileştirmeler, algılanan performansı artırmanın yanı sıra temel oyunlarında kullanıcı etkileşiminde ölçülebilir kazanımlar sağladı.
Ayrıca bu örnek, reklamların nasıl ve ne zaman görüldüğünü etkileyen koşulları iyileştirerek kullanıcı odaklı performans optimizasyonlarının, sonraki aşamalarda para kazanma avantajları sağlayabileceğini gösteriyor.
Bu örnek olay çalışması, önceden oluşturma gibi modern gezinme optimizasyonlarının, içerik açısından zengin platformlarda bile Önemli Web Verileri'ni büyük ölçekte nasıl iyileştirebileceğini ve kullanıcı deneyimi ile işletme sonuçlarında ölçülebilir iyileşmeler sağlayabileceğini gösteriyor.