www.seo.or.id – WordPress Merilis Plugin Speculative Loading Plugin by the WordPress Performance Team
WordPress merilis plugin performa resmi yang menyediakan dukungan untuk API Pemuatan Spekulatif yang dapat membantu mempercepat halaman web
WordPress merilis sebuah plugin resmi yang menambahkan dukungan untuk teknologi mutakhir yang disebut speculative loading yang dapat membantu meningkatkan performa situs dan meningkatkan pengalaman pengguna bagi para pengunjung situs.
Speculative Loading
Rendering berarti membuat seluruh halaman web sehingga langsung ditampilkan (rendering). Ketika browser Anda mengunduh HTML, gambar, dan sumber daya lainnya dan menggabungkannya menjadi sebuah halaman web, itulah rendering. Prerendering adalah menyusun halaman web tersebut (merender) di latar belakang.
Apa yang dilakukan plugin ini adalah memungkinkan browser untuk melakukan prerendering seluruh halaman web yang akan dituju oleh pengguna.
Plugin ini melakukannya dengan mengantisipasi halaman web mana yang akan dituju oleh pengguna berdasarkan tempat mereka mengarahkan kursor.
Chrome mencantumkan preferensi untuk hanya melakukan prerender ketika ada setidaknya 80% kemungkinan pengguna menavigasi ke halaman web lain. Halaman dukungan resmi Chrome untuk prerendering menjelaskan:
“Halaman seharusnya hanya diprerender ketika ada kemungkinan besar halaman tersebut akan dimuat oleh pengguna. Inilah sebabnya mengapa opsi prerendering bilah alamat Chrome hanya terjadi jika ada kemungkinan besar (lebih dari 80%).
Ada juga peringatan di halaman pengembang yang sama bahwa prerendering mungkin tidak terjadi berdasarkan pengaturan pengguna, penggunaan memori, dan skenario lainnya (detail lebih lanjut di bawah ini tentang bagaimana analitik menangani prerendering).
API Pemuatan Spekulatif memecahkan masalah yang tidak dapat dipecahkan oleh solusi sebelumnya karena di masa lalu solusi tersebut hanya mengambil sumber daya seperti JavaScript dan CSS, namun tidak benar-benar melakukan prerender seluruh halaman web.
Pengumuman resmi WordPress menjelaskannya seperti ini:
Memperkenalkan API Aturan Spekulasi
Speculation Rules API adalah API web baru yang memecahkan masalah di atas. API ini memungkinkan pendefinisian aturan untuk secara dinamis melakukan prefetch dan/atau prerender URL dengan struktur tertentu berdasarkan interaksi pengguna, dalam sintaksis JSON-atau dengan kata lain, secara spekulatif melakukan pramuat URL tersebut sebelum navigasi. API ini dapat digunakan, misalnya, untuk melakukan prerender tautan apa pun di halaman setiap kali pengguna mengarahkan kursor ke tautan tersebut.”
Halaman resmi WordPress tentang fungsionalitas baru ini menjelaskannya:
“API Aturan Spekulasi adalah API web baru , API ini memungkinkan pendefinisian aturan untuk secara dinamis mengambil dan/atau melakukan prapemuatan URL struktur tertentu berdasarkan interaksi pengguna, dalam sintaksis JSON-atau dengan kata lain, melakukan prapemuatan secara spekulatif terhadap URL tersebut sebelum navigasi.
API ini dapat digunakan, misalnya, untuk melakukan prerender tautan apa pun di halaman setiap kali pengguna mengarahkan kursor ke tautan tersebut. Selain itu, dengan API Speculation Rules, “prerender” sebenarnya berarti memprerender seluruh halaman, termasuk menjalankan JavaScript. Hal ini dapat menyebabkan waktu muat yang hampir instan setelah pengguna mengklik tautan karena halaman kemungkinan besar sudah dimuat secara keseluruhan. Namun, itu hanya salah satu dari konfigurasi yang mungkin.”
Plugin WordPress yang baru menambahkan dukungan untuk API Speculation Rules. Halaman pengembang Mozilla, sebuah sumber daya yang bagus untuk pemahaman teknis HTML menjelaskannya seperti ini:
“API Aturan Spekulasi dirancang untuk meningkatkan kinerja untuk navigasi di masa depan. API ini menargetkan URL dokumen daripada file sumber daya tertentu, sehingga masuk akal untuk aplikasi multi-halaman (MPA) daripada aplikasi halaman tunggal (SPA).
API Aturan Spekulasi menyediakan alternatif untuk fitur yang tersedia secara luas dan dirancang untuk menggantikan fitur <link rel=”prerender” yang sudah tidak digunakan lagi di Chrome. API ini memberikan banyak peningkatan atas teknologi ini, bersama dengan sintaks yang lebih ekspresif dan dapat dikonfigurasi untuk menentukan dokumen mana yang harus di-preview atau di-preview.”
baca juga
Plugin Lab Performa
Plugin baru ini dikembangkan oleh tim performa WordPress resmi yang sesekali meluncurkan plugin baru untuk diuji coba oleh para pengguna sebelum dimasukkan ke dalam inti WordPress yang sebenarnya. Jadi, ini adalah kesempatan yang bagus untuk menjadi yang pertama mencoba teknologi performa baru.
Plugin WordPress yang baru ini secara default diatur untuk melakukan prerender “URL frontend WordPress” yang merupakan halaman, postingan, dan halaman arsip. Cara kerjanya dapat disesuaikan dengan pengaturan:
Pengaturan > Membaca > Pemuatan Spekulatif
Kompatibilitas Peramban
API Spekulatif didukung oleh Chrome 108, namun aturan spesifik yang digunakan oleh plugin baru ini membutuhkan Chrome 121 atau yang lebih tinggi. Chrome 121 dirilis pada awal tahun 2024.
Browser yang tidak mendukung hanya akan mengabaikan plugin dan tidak akan berpengaruh pada pengalaman pengguna.
Bagaimana Analytics Menangani Prerendering
Seorang pengembang WordPress berkomentar dengan pertanyaan yang menanyakan bagaimana Analytics akan menangani prerendering dan orang lain menjawab bahwa tergantung pada penyedia Analytics untuk mendeteksi prerender dan tidak menghitungnya sebagai pemuatan halaman atau kunjungan situs.
Untungnya, baik Google Analytics maupun Google Publisher Tags (GPT) keduanya mampu menangani prerender. Halaman dukungan pengembang Chrome memiliki catatan tentang bagaimana analitik menangani prerender:
“Google Analytics menangani prapenayangan dengan menunda hingga aktivasi secara default pada September 2023, dan Google Publisher Tag (GPT) membuat perubahan serupa untuk menunda pemicuan iklan hingga aktivasi pada November 2023.”
Kemungkinan Konflik Dengan Ekstensi Pemblokir Iklan
Ada beberapa hal yang perlu diperhatikan tentang plugin ini, selain fakta bahwa plugin ini merupakan fitur eksperimental yang membutuhkan Chrome 121 atau lebih tinggi.
Sebuah komentar dari pengembang plugin WordPress bahwa fitur ini mungkin tidak berfungsi dengan browser yang menggunakan ekstensi browser pemblokir iklan uBlock Origin