Skip to content

Plugin Untuk Mempercepat Loading Website (WordPress)

TokoDaring.Com – Plugin Untuk Mempercepat Loading Website (WordPress). WordPress merilis plugin kinerja resmi yang menyediakan dukungan untuk Speculative Loading API yang dapat membantu mempercepat halaman website.

Performance Lab Plugin WordPress

WordPress merilis plugin untuk mempercepat loading website secara resmi dari tim mereka sendiri. Plugin ini menambahkan dukungan untuk teknologi mutakhir yang disebut pemuatan spekulatif (Speculative Loading) yang dapat membantu meningkatkan kinerja website dan meningkatkan pengalaman pengguna bagi pengunjung situs website.

Apa yang dilakukan plugin ini adalah memungkinkan browser melakukan prerender seluruh halaman website yang mungkin akan dinavigasi pengguna berikutnya. Plugin melakukan hal itu dengan mengantisipasi halaman website mana yang mungkin dinavigasi pengguna berdasarkan tempat mereka mengarahkan kursor.

Chrome mencantumkan preferensi untuk hanya melakukan prrrender ketika ada setidaknya 80% kemungkinan pengguna membuka laman website yang lain.

“Halaman hanya boleh diprerender jika ada kemungkinan besar halaman tersebut akan dimuat oleh pengguna. Inilah sebabnya mengapa opsi prerender bilah alamat Chrome hanya terjadi jika ada kemungkinan yang tinggi (lebih besar dari 80% kasus).

Official Chrome support page

Ada juga peringatan di halaman pengembang yang sama bahwa prerender halaman mungkin tidak terjadi berdasarkan pengaturan pengguna, penggunaan memori, dan skenario lainnya (detail selengkapnya di bawah tentang cara analitik menangani pra-perenderan).

API Pemuatan Spekulatif memecahkan masalah yang tidak dapat diselesaikan oleh solusi sebelumnya karena di masa lalu solusi tersebut hanya mengambil sumber daya seperti JavaScript dan CSS tetapi tidak benar-benar melakukan pra-render seluruh halaman website.

Memperkenalkan Speculation Rules API yaitu API web baru yang memecahkan masalah di atas. Hal ini memungkinkan penetapan aturan untuk secara dinamis mengambil dan/atau melakukan prerender URL dari struktur tertentu berdasarkan interaksi pengguna, dalam sintaksis JSON—atau dengan kata lain, secara spekulatif memuat terlebih dahulu URL tersebut sebelum navigasi. API ini dapat digunakan, misalnya, untuk melakukan pra-render tautan apa pun di laman setiap kali pengguna mengarahkan kursor ke tautan tersebut.”

Official WordPress announcement

Plugin Untuk Mempercepat Loading Website (WordPress)

Plugin untuk mempercepat loading website WordPress baru ini menambahkan dukungan untuk Speculation Rules API. Plugin baru ini dikembangkan oleh tim kinerja resmi WordPress yang terkadang meluncurkan plugin baru untuk diuji oleh pengguna sebelum kemungkinan dimasukkan ke dalam inti WordPress yang sebenarnya.

Jadi ini adalah kesempatan bagus untuk menjadi yang pertama mencoba teknologi performa baru. Plugin WordPress baru secara default disetel untuk melakukan pra-render “URL frontend WordPress” yang merupakan halaman, postingan, dan halaman arsip. Cara kerjanya dapat disesuaikan di bawah pengaturan:

Dowload plugin speculative loading dari halaman repository plugin WordPress.Org.

Kompatibilitas browser

API Spekulatif didukung oleh Chrome 108 namun aturan khusus yang digunakan oleh plugin baru memerlukan Chrome 121 atau lebih tinggi. Chrome 121 dirilis pada awal tahun 2024.

Browser yang tidak mendukung akan mengabaikan plugin tersebut dan tidak akan berpengaruh pada pengalaman pengguna. Lihat plugin WordPress Pemuatan Spekulatif baru yang dikembangkan oleh tim kinerja inti WordPress resmi.

Bagaimana Analytics Menangani Prerender

Pengembang WordPress berkomentar dengan pertanyaan yang menanyakan bagaimana Analytics akan menangani pra-perenderan dan orang lain menjawab bahwa penyedia Analytics harus mendeteksi pra-perenderan dan tidak menghitungnya sebagai pemuatan halaman atau kunjungan situs.

Untungnya baik Google Analytics maupun Google Publisher Tag (GPT) keduanya mampu menangani pra-perenderan. Ada beberapa hal yang perlu diperhatikan tentang plugin ini, selain fakta bahwa ini adalah fitur eksperimental yang memerlukan Chrome 121 atau lebih tinggi.

Artikel terkait dengan :