Tahmin kuralları, önceki yayında ayrıntılı olarak açıklandığı gibi sonraki sayfalarda gezinme işlemlerini önceden getirmek ve işlemek için kullanılabilir. Bu, sayfaların çok daha hızlı veya anında yüklenmesini sağlayarak bu ek sayfa gezinmeleri için Core Web Vitals'ı büyük ölçüde iyileştirebilir.
Spekülasyon kurallarında hata ayıklamak zor olabilir. Bu durum, özellikle önceden işlenmiş sayfalar için geçerlidir. Bu sayfalar, etkinleştirildiğinde geçerli sekmenin yerini alan gizli bir arka plan sekmesine benzer şekilde ayrı bir oluşturucuda işlenir. Bu nedenle, sorunları ayıklamak için her zaman normal Geliştirici Araçları seçenekleri kullanılamaz.
Chrome ekibi, spekülasyon kurallarında hata ayıklama için DevTools desteğini geliştirmek üzere yoğun bir şekilde çalışıyor. Bu yayında, bir sayfanın spekülasyon kurallarını anlamak için bu araçları kullanmanın çeşitli yollarını, bu araçların neden çalışmayabileceğini ve geliştiricilerin daha tanıdık olan Geliştirici Araçları seçeneklerini ne zaman kullanabileceğini (ve ne zaman kullanamayacağını) öğreneceksiniz.
"Ön" terimlerinin açıklaması
Kafanızı karıştırabilecek birçok "ön" eki var. Bu nedenle, öncelikle bunları açıklayarak başlayacağız:
- Önceden getirme: Gelecekteki performansı artırmak için bir kaynağı veya dokümanı önceden getirme. Bu yayında, alt kaynakları önceden getirmek için sıklıkla kullanılan benzer ancak daha eski
<link rel="prefetch">seçeneği yerine Speculation Rules API kullanılarak dokümanların önceden getirilmesi ele alınmaktadır. - Önceden oluşturma: Bu, önceden getirme işleminden bir adım öteye giderek kullanıcının sayfaya gitmiş gibi tüm sayfayı oluşturur ancak kullanıcı gerçekten sayfaya giderse kullanılmaya hazır olacak şekilde gizli bir arka plan oluşturma işleminde tutar. Bu doküman, eski
<link rel="prerender">seçeneği (artık tam önceden oluşturma yapmayan) yerine bunun daha yeni Speculation Rules API sürümüyle ilgilidir. - Tahmine dayalı gezinmeler: Tahmin kurallarıyla tetiklenen yeni önceden getirme ve önceden oluşturma seçenekleri için kullanılan genel terim.
- Önceden yükleme:
<link rel="preload">, önceden yükleme tarayıcısı ve service worker navigasyon önceden yüklemeleri dahil olmak üzere çeşitli teknolojileri ve süreçleri ifade edebilen, aşırı yüklenmiş bir terimdir. Bu öğeler burada ele alınmayacak ancak "spekülatif gezinmeler" teriminden net bir şekilde ayırt etmek için bu terim dahil edilmiştir.
prefetch için spekülasyon kuralları
Spekülasyon kuralları, sonraki gezinmenin dokümanını önceden getirmek için kullanılabilir. Örneğin, bir sayfaya aşağıdaki JSON'u eklediğinizde next.html ve next2.html önceden getirilir:
<script type="speculationrules">
{
"prefetch": [
{
"source": "list",
"urls": ["next.html", "next2.html"],
"tag": "rule-set-tag-1"
}
]
}
</script>
Gezinme öngetirme işlemleri için tahmin kurallarını kullanmanın, daha eski <link rel="prefetch"> söz dizimine kıyasla bazı avantajları vardır. Örneğin, daha etkileyici bir API ve sonuçların HTTP disk önbelleği yerine bellek önbelleğinde depolanması.
prefetch spekülasyon kurallarında hata ayıklama
Tahmin kuralları tarafından tetiklenen önceden getirmeler, diğer getirmelerle aynı şekilde Ağ panelinde görülebilir: