Speculationrules Nedir Ne İşe Yarar?

<script type=”speculationrules”> etiketi, web tarayıcılarının sayfa gezinmesini hızlandırmak amacıyla önceden bağlantı tahminleri (preloading / prefetching) yapmasını sağlayan deneysel bir HTML özelliğidir.

Kullanım amacı:

  • Web sitesinde sayfalar arası geçişi hızlandırmak
  • Kullanıcının tıklama ihtimali yüksek olan bağlantılar için önceden kaynakları getirtmek
  • Daha akıcı bir kullanıcı deneyimi sunmak

Detaylı açıklama:

type="speculationrules":

Bu değer, tarayıcıya bu <script> etiketinin bir JavaScript değil, önceden yükleme kuralları (speculation rules) içerdiğini bildirir.

Destek durumu:

  • Şu anda Chrome (ve Chromium tabanlı tarayıcılar) tarafından deneysel olarak desteklenmektedir.
  • Firefox ve Safari henüz bu özelliği tam olarak desteklememektedir.

Ne zaman kullanılmalı?

  • Tek sayfa uygulamaları (SPA) dışında kalan geleneksel çok sayfalı (MPA) web sitelerinde
  • Kullanıcının yüksek ihtimalle tıklayacağı bağlantılar önceden belli ise
  • Sayfa yüklenme sürelerini düşürmek istiyorsan

Dikkat edilmesi gerekenler:

  • Gereksiz sayfaları prerender etmek bant genişliğini boşa harcar
  • Kullanıcı hiç tıklamasa bile o sayfa arka planda yüklenir, bu da sunucu yükünü artırabilir
  • Bu özelliğin hâlâ deneysel olduğunu ve gelecekte değişebileceğini unutma