Kode & Format

Pembuat Speculation Rules

Buat JSON Speculation Rules yang valid untuk Prefetch dan prerender; validasi pengaturan awal yang aman, pola URL, dan opsi eagerness di browser Anda.

Konfigurasi Speculation Rules
Awal yang aman: Conservative Prefetch Lakukan pengukuran terlebih dahulu dengan prefetch yang berisiko rendah; aktifkan cakupan prerender secara bertahap dengan mempersempitnya berdasarkan data navigasi nyata.
Berjalan sepenuhnya di peramban

Pengaturan Siap Pakai

Pengaturan siap pakai mengubah jenis operasi dan sensitivitas pemicu secara bersamaan.

Penggunaan sumber daya rendah

Perilaku Aturan

Pilih apa yang akan disiapkan peramban, dari sumber mana, dan seberapa awal.

Prerender juga dapat menjalankan kode JavaScript pada halaman target.
Pola diterapkan secara otomatis pada tautan yang sesuai di halaman.
Pemicu yang lebih awal dapat menggunakan lebih banyak bandwidth dan prosesor.

Cakupan URL

Tuliskan satu pola URLPattern atau satu URL target pada setiap baris.

Contoh: /blog/* atau /products/:slug
Pastikan untuk mengecualikan jalur sesi, pembayaran, dan jalur yang mengubah status.
Tuliskan daftar pemilih CSS yang valid. Tautan yang cocok tidak akan dimasukkan ke dalam aturan.

Audit Sintaksis dan Risiko Langsung

Struktur JSON, input URLPattern, dan pilihan konsumsi sumber daya akan segera diperiksa.

Valid

Kode yang Dihasilkan

1 aturan · 1 target/pola

Dukungan peramban sedang diperiksa…
Informasi

Tentang Pembuat Speculation Rules

Speculation Rules API, memungkinkan browser mengambil terlebih dahulu (prefetch) atau penyiapan sepenuhnya di latar belakang (prerender) memberikan instruksi. Jika digunakan dengan benar, hal ini dapat mempercepat perpindahan ke halaman berikutnya secara signifikan; jika digunakan terlalu luas, hal ini dapat menghabiskan bandwidth, sumber daya server, dan pengukuran analitik secara tidak perlu.

Alat ini; conservative, moderate dan aggressive menghasilkan aturan dari pola URLPattern atau daftar URL terbuka menggunakan prasetnya. Output dapat berupa JSON polos atau <script type="speculationrules"> Anda dapat memperolehnya dalam format tersebut. Sintaks, pemilih pengecualian CSS, dan kombinasi berisiko sepenuhnya diperiksa di peramban Anda.

Peramban yang tidak mendukung Speculation Rules akan mengabaikan jenis skrip ini; tautan biasa tetap berfungsi. Oleh karena itu, jika dikonfigurasi dengan benar, fitur ini menjadi lapisan percepatan tambahan dan tidak menggantikan alur navigasi yang ada.

Bagaimana cara menggunakannya?

Langkah demi langkah

  1. Sesuai dengan lalu lintas dan penggunaan sumber daya Anda Conservative, Moderate atau Aggressive pilih praset tersebut.
  2. Lebih ringan sebagai operasi prefetch atau yang mempersiapkan halaman sepenuhnya prerender tentukan pilihan tersebut.
  3. Cakupan Pola URL atau daftar URL terbuka tentukan dengan itu; kecualikan jalur sesi, keranjang, dan pembayaran.
  4. Atasi peringatan sintaksis dan konsumsi sumber daya di area validasi langsung.
  5. Salin tag HTML yang dihasilkan atau output JSON, atau unduh sebagai file.
FAQ

Pertanyaan yang Sering Diajukan

prefetch memungkinkan dokumen target diambil terlebih dahulu dari jaringan; halaman tidak dijalankan. prerender akan memuat dan merender halaman target seolah-olah berada di tab yang tidak terlihat. Prerender dapat memberikan perpindahan yang lebih cepat, tetapi harus digunakan dengan lebih hati-hati karena JavaScript, permintaan jaringan, dan peristiwa analitik dapat berjalan sebelum klik dilakukan.

conservative mengharapkan niat pengguna yang kuat; moderat menggunakan sinyal seperti menunggu sebentar pada tautan. eager dan terutama immediate dapat bekerja lebih awal sehingga mengonsumsi lebih banyak sumber daya. Peramban tetap dapat memilih untuk tidak menerapkan suatu aturan, bergantung pada kondisi peramban, perangkat, dan jaringan.

WordPress 6.8 dapat secara default mengirimkan aturan conservative prefetch kepada peramban yang mendukung untuk tautan frontend yang sesuai. Periksa terlebih dahulu di sumber halaman apakah sudah ada type="speculationrules" Periksa skripnya. Alih-alih menambahkan aturan kedua yang bertentangan, jika perlu wp_speculation_rules_configuration Sesuaikan konfigurasi inti dengan filter tersebut.

Jenis skrip tidak dikenali dan aturan diabaikan. Teks biasa di halaman <a href> tautan tetap berfungsi tanpa perubahan; tidak memerlukan polyfill JavaScript khusus. Karena itu, jangan hubungkan target tautan hanya ke Speculation Rules dan pertahankan alur navigasi normal.

Kecualikan semua jalur untuk keluar, masuk, keranjang, pembayaran, akun, administrasi, tautan sekali pakai, serta jalur yang mengubah status melalui permintaan GET. Karena halaman yang diprerender dapat berjalan tanpa pengguna mengeklik, fitur ini sebaiknya hanya digunakan pada halaman yang aman, idempoten, dan tidak membocorkan data pribadi.
Kembali ke semua alat gratis