WordPress, spekülatif yükleme adı verilen ve site performansını artırmaya ve site ziyaretçileri için kullanıcı deneyimini iyileştirmeye yardımcı olabilecek son teknolojiye destek ekleyen resmi bir eklenti yayınladı.
Spekülatif Yükleme
Oluşturma, web sayfasının tamamını anında görüntülenecek (oluşturulacak) şekilde oluşturmak anlamına gelir. Tarayıcınız HTML’yi, görselleri ve diğer kaynakları indirip bunları bir web sayfasında bir araya getirdiğinde, bu işlemedir. Önceden oluşturma, o web sayfasını arka planda bir araya getirmektir (oluşturmaktır).
Bu eklentinin yaptığı şey, tarayıcının, kullanıcının bir sonraki gezinebileceği web sayfasının tamamını önceden oluşturmasını sağlamaktır. Eklenti bunu, kullanıcının gezindiği yere göre hangi web sayfasına gidebileceğini tahmin ederek yapar.
Chrome, yalnızca kullanıcının başka bir web sayfasına gitme olasılığının en az %80 olduğu durumlarda önceden oluşturma tercihini listeler. Önceden oluşturma için resmi Chrome destek sayfası açıklıyor:
“Sayfalar yalnızca sayfanın kullanıcı tarafından yüklenme ihtimalinin yüksek olduğu durumlarda önceden oluşturulmalıdır. Chrome adres çubuğu önceden oluşturma seçeneklerinin yalnızca bu kadar yüksek bir olasılık olduğunda (%80’den fazla) gerçekleşmesinin nedeni budur.
Aynı geliştirici sayfasında, kullanıcı ayarları, bellek kullanımı ve diğer senaryolara bağlı olarak önceden oluşturmanın gerçekleşmeyebileceğine dair bir uyarı da bulunmaktadır (analitiklerin ön oluşturmayı nasıl ele aldığına ilişkin daha fazla ayrıntı aşağıdadır).
Spekülatif Yükleme API’si, önceki çözümlerin çözemediği bir sorunu çözüyor; çünkü geçmişte bunlar yalnızca JavaScript ve CSS gibi kaynakları önceden getiriyordu, ancak aslında tüm web sayfasını önceden oluşturmuyordu.
Resmi WordPress duyurusu bunu şu şekilde açıklıyor:
Spekülasyon Kuralları API’sine Giriş
Spekülasyon Kuralları API’si yukarıdaki sorunları çözen yeni bir web API’sidir. JSON sözdiziminde, kullanıcı etkileşimine dayalı olarak belirli yapıdaki URL’lerin dinamik olarak önceden getirilmesine ve/veya önceden oluşturulmasına veya başka bir deyişle, bu URL’lerin gezinmeden önce spekülatif olarak önceden yüklenmesine olanak tanıyan kuralların tanımlanmasına olanak tanır. Bu API, örneğin kullanıcı bir sayfanın üzerine geldiğinde sayfadaki herhangi bir bağlantıyı önceden oluşturmak için kullanılabilir.”
Bu yeni işlevsellik hakkındaki resmi WordPress sayfası bunu açıklamaktadır:
“Spekülasyon Kuralları API’si yeni bir web API’sidir… JSON sözdiziminde kullanıcı etkileşimine dayalı belirli yapıdaki URL’lerin dinamik olarak önceden getirilmesine ve/veya önceden oluşturulmasına veya başka bir deyişle, bu URL’lerin gezinmeden önce spekülatif olarak önceden yüklenmesine yönelik kuralların tanımlanmasına olanak tanır.
Bu API, örneğin kullanıcı bir sayfanın üzerine geldiğinde herhangi bir bağlantıyı önceden oluşturmak için kullanılabilir. Ayrıca Spekülasyon Kuralları API’sinde “önceden oluşturma” aslında JavaScript’i çalıştırmak da dahil olmak üzere tüm sayfanın önceden oluşturulması anlamına gelir. Bu, sayfa büyük olasılıkla zaten bütünüyle yüklenmiş olacağından, kullanıcı bağlantıyı tıkladığında neredeyse anında yükleme sürelerine yol açabilir. Ancak bu olası konfigürasyonlardan yalnızca bir tanesi.”
Yeni WordPress eklentisi Spekülasyon Kuralları API’si için destek ekler. HTML teknik anlayışı için harika bir kaynak olan Mozilla geliştirici sayfaları bunu şu şekilde açıklamaktadır:
“Spekülasyon Kuralları API’si gelecekteki gezinmeler için performansı artırmak üzere tasarlandı. Belirli kaynak dosyaları yerine belge URL’lerini hedefler ve bu nedenle tek sayfalı uygulamalar (SPA’lar) yerine çok sayfalı uygulamalar (MPA’lar) için anlamlıdır.
Spekülasyon Kuralları API’si, yaygın olarak kullanılabilen özelliğine bir alternatif sağlar ve yalnızca Chrome’da kullanımdan kaldırılan özelliğinin yerini alacak şekilde tasarlanmıştır. Hangi belgelerin önceden getirilmesi veya önceden işlenmesi gerektiğini belirlemek için daha anlamlı, yapılandırılabilir bir sözdiziminin yanı sıra bu teknolojilere göre birçok iyileştirme sağlıyor.”
Performans Laboratuvarı Eklentisi
Yeni eklenti, kullanıcıların gerçek WordPress çekirdeğine olası eklenmeden önce test etmeleri için ara sıra yeni eklentiler sunan resmi WordPress performans ekibi tarafından geliştirildi. Bu nedenle, yeni performans teknolojilerini deneyen ilk kişi olmak için iyi bir fırsat.
Yeni WordPress eklentisi varsayılan olarak sayfalar, gönderiler ve arşiv sayfaları olan “WordPress ön uç URL’lerini” önceden oluşturacak şekilde ayarlanmıştır. Nasıl çalıştığı ayarlar altında ince ayar yapılabilir:
Settings > Reading > Speculative Loading
Tarayıcı Uyumluluğu
Spekülatif API, Chrome 108 tarafından desteklenir ancak yeni eklenti tarafından kullanılan belirli kurallar, Chrome 121 veya üstünü gerektirir. Chrome 121, 2024’ün başlarında piyasaya sürüldü.
Desteklemeyen tarayıcılar eklentiyi göz ardı edecek ve kullanıcı deneyimi üzerinde hiçbir etkisi olmayacaktır.
Resmi çekirdek WordPress performans ekibi tarafından geliştirilen yeni Spekülatif Yükleme WordPress eklentisine göz atın.
Analytics Ön Oluşturmayı Nasıl Ele Alır?
Bir WordPress geliştiricisi, Analytics’in önceden oluşturmayı nasıl ele alacağını soran bir soruyla yorum yaptı ve bir başkası da, bir ön oluşturmayı tespit etmenin ve bunu bir sayfa yükleme veya site ziyareti olarak saymamanın Analytics sağlayıcısına bağlı olduğunu söyledi.
Neyse ki hem Google Analytics hem de Google Yayıncı Etiketleri (GPT) önceden oluşturma işlemlerini gerçekleştirebilmektedir. Chrome geliştiricilerinin destek sayfasında, analizlerin önceden oluşturmayı nasıl ele aldığına ilişkin bir not bulunur:
“Google Analytics, Eylül 2023 itibarıyla varsayılan olarak etkinleştirilene kadar erteleyerek ön oluşturma işlemini gerçekleştiriyor ve Google Yayıncı Etiketi (GPT), Kasım 2023 itibarıyla etkinleştirilene kadar reklamların tetiklenmesini geciktirmek için benzer bir değişiklik yaptı.”
Reklam Engelleyici Uzantılarıyla Olası Çakışma
Bu eklenti hakkında bilmeniz gereken birkaç şey var; bunun dışında Chrome 121 veya üstünü gerektiren deneysel bir özellik.
Bir WordPress eklenti geliştiricisi tarafından bu özelliğin uBlock Origin reklam engelleme tarayıcı uzantısını kullanan tarayıcılarda çalışmayabileceği belirtildi.
Eklentiyi indirin:
WordPress Performans Ekibinden Spekülatif Yükleme Eklentisi
WordPress’teki duyuruyu okuyun
WordPress’te Spekülatif Yükleme
