Buat Situs Anda lebih Cepat

 

2. Optimalkan pemuatan dengan Speculation Rules API

Konsepnya: Speculation Rules API memperkirakan ke mana pengguna akan beralih selanjutnya dan mulai memuat konten tersebut sebelum dia mengkliknya.

Solusinya: Gunakan tindakan "prefetch" dengan menetapkan "eagerness" ke "moderate". Anda memiliki dua jalur utama:

1. Jika Anda menggunakan WordPress: Anda dapat menginstal Plugin WordPress Speculative Loading dari WordPress Performance Team. (Catatan: Plugin ini adalah plugin open source pihak ketiga. Seperti halnya semua alat eksternal, harap evaluasi alat ini berdasarkan standar keamanan dan pemeliharaan internal Anda.)

2. Untuk situs kustom: Anda dapat mengimplementasikan skrip untuk mengontrol mode "prefetch" atau "prerender" langsung di HTML Anda.

<script type="speculationrules">  {   "prefetch": [{    "where": {     "and": [      { "href_matches": "/*" },      { "not": {"href_matches": "/logout"}}     ]    },    "eagerness": "moderate"   }]  } </script>

Penting: Lakukan pengujian sebelum Anda menerapkannya. Bahkan perubahan kecil dapat memengaruhi perilaku situs. Jangan langsung menerapkan perubahan ini ke produksi. Selalu lakukan pengujian di lingkungan staging terlebih dahulu untuk memastikan perilaku pemuatan baru berfungsi lancar dengan analisis dan iklan Anda.

Anda dapat mengontrol Mode (prefetch vs. prerender), Target (link yang akan dimuat), dan Pemicu (seberapa cepat browser harus bertindak).

Baca cara melakukan pra-render halaman di Chrome untuk navigasi halaman instan dan panduan menerapkan aturan spekulasi untuk situs yang lebih kompleks guna mempelajari API ini lebih lanjut.