Geri-ileri önbellek, Yahoo! JAPAN News, mobilde gelirini% 9 artırdı

Yuriko Hirota

Geri/ileri önbellek (veya bfcache), anında geri ve ileri gezinmeyi sağlayan bir tarayıcı optimizasyonudur. Özellikle çok sayıda ileri geri gezinme içeren web sitelerinde kullanıcıların göz atma deneyimini büyük ölçüde iyileştirir.

Bfcache ile ilgili web.dev makalesi

Yahoo! Japonya'daki en popüler haber platformlarından biri olan JAPAN News, bfcache isabet oranını artırmak için ortak bir çalışma yürüttü ve bunun sonucunda kullanıcı deneyiminde ve işletmede önemli iyileşmeler elde etti. Özellikle, yaptıkları A/B testinin sonuçları, bfcache kullanan sayfalarda % 9 oranında reklam geliri artışı olduğunu gösterdi.

Bu örnek olayda, Yahoo! JAPAN News, bfcache'in engelleyicilerini kaldırdı ve bfcache'in kullanıcı deneyimini nasıl önemli ölçüde iyileştirdiğini açıkladı.

bfcache'i engelleyen sorunları kaldırma

bfcache, Chrome 86'dan beri kullanılabilir ve tüm modern tarayıcılarda da kullanılabilir. Ancak bfcache'den tam olarak yararlanmak için web sitesindeki olası engelleyicilerin kaldırılması gerekir. Yahoo! JAPAN Ads kullanıcı hesabının JAPAN News'in karşılaştığı sorunlar:

1. unload işleyicilerinin kullanımı.
2. Cache-control üstbilgilerinde no-store yönergesinin kullanılması.

Web sitenizdeki büyük engelleyici sorunları kontrol etmek için Chrome Geliştirici Araçları > Uygulamalar > Geri/İleri Önbelleği'ne gidebilirsiniz. Alternatif olarak, alandaki gerçek kullanıma dayalı olarak engelleyiciler hakkında daha kapsamlı bir görünüm elde etmek için notRestoredReasons API'sini kullanabilirsiniz.

Yahoo! JAPAN News, engelleyicilerini kaldırdı:

• Kaldırma işleyicileri değiştirildi: unload çok güvenilmez olduğundan unload etkinliği yerine pagehide etkinliği kullanıldı. Web sitelerinin belirli kaynaklar için unload işleyicilerini güvenilir bir şekilde kaldırabilmesi amacıyla Permissions-Policy: unload=(), Chrome 115'te kullanıma sunuldu. Chrome, işleyicilere yönelik desteği kademeli olarak sonlandırmayı unload planlıyor.
• Değiştirildi cache-control: Cache-control başlığını no-store (CCNS) değerinden no-cache değerine değiştirmek bfcache'i etkinleştirir. Chrome, belirli durumlarda no-store başlığı olsa bile bfcache için önbelleğe alma özelliğini planlıyor.

CCNS, hiçbir koşulda önbelleğe alınmaması gereken sayfalar için tasarlanmıştır. Bununla birlikte, CCNS içeren sayfaların CDN uç sunucuları ve yerel önbellekler dahil olmak üzere herhangi bir önbelleğe alma teknolojisinden yararlanmadığını belirtmek gerekir.

CCNS başlığınız varsa bu, web siteniz için doğru Cache-control stratejilerinin neler olduğunu görüşmek için harika bir fırsattır. no-store ile no-cache arasındaki temel farklar aşağıda verilmiştir.

cache-control seçenekleri hakkında daha fazla bilgi edinmek için cache-control akış şemasını inceleyin.

Etkiyi göstermek için A/B testi

Yahoo!, bfcache'in etkisini ölçmek için JAPAN News, iki hafta boyunca A/B testi yaptı. Bir grupta sayfalarının bfcache düzeltmelerini içeren bir sürümünü, diğer grupta ise bfcache için uygun olmayan sayfaları içeren bir sürümünü yayınladılar. Testin anlamlı sonuçlar elde etmesini sağlamak için önemli trafiğe sahip URL yollarını test ettiler. Sayfalar arasında başka görsel veya işlevsel fark yoktu.

Bfcache'li ve bfcache'siz web sitesini karşılaştıran bir videoyu burada bulabilirsiniz. Geri veya ileri gezinme sırasında, bfcache'in etkin olduğu web sitesinin önemli ölçüde daha hızlı yüklendiğini görebilirsiniz.

Özellikle mobil cihazlarda, bfcache'in etkinleştirildiği grupta sayfa görüntülemelerinde ve reklam gelirinde önemli bir artış olması gerçekten umut verici.

Yahoo! tarafından gözlemlenen etkiyle ilgili ayrıntıları aşağıda bulabilirsiniz. bfcache A/B testiyle JAPAN News. Daha fazla bilgiye örnek olay incelemelerinden ulaşabilirsiniz.

Sayfalar arasında geri/ileri gezinme işlemi bfcache ile anlık hale geldiğinde kullanıcılar sayfalarda daha uzun süre kalır. Bu da reklam görüntülemelerini artırarak reklam gelirinin yükselmesine yol açar.

Sorunsuz kullanıcı deneyimi

Sayfalar anında yüklendiğinde gezinme daha sorunsuz olur.

Yahoo! JAPAN News'teki başlıca kullanıcı yolculuklarından biri birden fazla makale okumaktır:

1. Makale listesini ziyaret edin.
2. Okumak istediğiniz makaleyi tıklayın.
3. İşlem tamamlandığında makale listesine dönün.
4. Okumak için başka bir makaleyi tıklayın.

bfcache'ten önce, kullanıcılar bir makaleyi okumayı bitirdiğinde makale listesi sayfasının tekrar yüklenmesini beklemek zorundaydı. Bu durum, okumak için başka bir makale seçmek üzere hızlıca listeye dönmek isteyen kullanıcılar için bir zorluk faktörü olabilir.

Geriye doğru gezinme sırasında yaşanan bir diğer sorun da kaydırma konumuyla ilgiliydi. Uygulamada, geriye doğru gezinme gerçekleştiğinde tarayıcı kaydırma konumunu geri yüklemeye çalışır. Ancak, dinamik olarak eklenen reklamlar veya diğer düzen değişiklikleri nedeniyle kaydırma konumu yanlış şekilde geri yüklenebilir. Bu durum, kullanıcının kafasının karışmasına veya sayfayı terk etmesine neden olur.

Geriye doğru gezinme bfcache tarafından desteklendiğinde bu sorun çözülür: Kaydırma konumu hemen ve doğru şekilde geri yüklenir.

Artık bfcache ile kullanıcı yolculuğundaki sürtünme ortadan kalktı. Kullanıcılar, makale listesi sayfasının yüklenmesini beklemek zorunda kalmadan anında makale listesi sayfasına geri dönebilir ve okumak için başka bir makale seçebilir.

Kullanıcılar bir makaleden doğrudan başka bir makaleye ve tekrar geri göz attığında da aynı durum yaşanır:

Kısacası, Yahoo! JAPAN News'da şunlar yer alır:

• Artan sayfa görüntüleme sayısı: Sayfalar bfcache ile önbelleğe alındığında kullanıcıların web sitesinde gezinme olasılığı daha yüksek oldu.
• Gelir artışı: Oturum başına sayfa görüntüleme sayısı arttığı için reklam gösterimi de arttı. Bu durum, bfcache'in kullanılmadığı test grubuyla karşılaştırıldığında mobil cihazlarda% 9'luk bir gelir artışı sağladı.

bfcache'i hemen uygulayın

Kısacası, bfcache yalnızca web sitenizi anında açılacak şekilde ayarlamakla kalmaz, aynı zamanda genel kullanıcı deneyimindeki sorunları azaltabilir ve web sitenizdeki etkileşimi artırabilir.

Chrome ekibi, özellikle bfcache'in kullanılmamasının yaygın nedenleri olarak listelenen nedenler olmak üzere bfcache engelleyicileri sürekli olarak inceliyor. Gelecekte bu durum bfcache kullanımını engellemeyebilir ancak o zamana kadar beklemenize gerek yoktur. Şimdi bfcache engelleyicilerinize göz atarak ve bu yaygın (ve daha az yaygın olan diğer) kalıplardan kaçınarak bfcache'ten yararlanabilirsiniz.