Menghapus Query String dari Static Resources

Untuk Anda yang menginginkan skor bagus dalam hal kecepatan akses halaman website, utamanya Anda para pengguna WP, sebaiknya hapuslah bagian query string yang terdapat pada file CSS dan Javascript Anda.

Pada dasarnya, ada banyak faktor yang bisa berdampak pada waktu akses halaman web Anda, dan fitur dari Google Page Speed Test bisa memberikan informasi mengenai faktor-faktor itu. Jika kita mengacu dengan Gtmetrix, maka menghilangkan query strings dari sumber daya statis seperti style-sheet dan java-script merupakan prioritas utama yang akan mempengaruhi hasil test halaman web itu sendiri.

Apa itu Query String?

Query string merupakan metode yang bersumber dari beberapa plugin yang menginformasikan nilai dari sebuah konten atau informasi mengenai versinya. Hal ini umum digunakan pada java-script dan style-sheets. Sederhananya, ini merupakan metode implementasi yang dilakukan oleh pihak developer agar bisa merender update-an terbaru.

Begini contohnya: Anggaplah Anda adalah seorang developer dan telah menciptakan sebuah plugin yang mana memiliki beberapa file css dan js. Sekarang, jika ada orang yang menggunakan plugin Anda dan juga menggunakan layanan CDN, maka file statis ini (css dan js) akan menjadi cached selama beberapa minggu, bulan, atau hingga satu tahun.

Sekarang, jika Anda melakukan beberapa update pada plugin tersebut, maka proses tersebut tidak akan terlihat hingga cached file statis tersebut expired. Jadi, untuk mengakali hal ini, maka pihak developer akan menggunakan query string karena tidak ter-cached oleh kebanykan browser and layanan CDN. Secara umum, hal seperti ini akan membantu para web developer dan web designer dalam mengembangkan kontennya, namun memiliki dampak buruk terhadap kecepatan halaman website itu sendiri.

Bagaimana Menghapus Query String dari Static Resources?

Saya akan memberikan 2 opsi. Anda bisa melakukannya dengan mengedit theme secara manual kemudian menambahkan beberapa kode ke halaman “function.php”, atau tinggal menggunakan plugin yang mana cocok untuk mereka yang tidak paham dengan listing pemrograman.

#1 Menggunakan Tambahan Kode:

Cukup dengan menambahkan beberapa baris kode ke halaman “function.php” dari theme yang Anda gunakan. Hal ini sendiri bisa Anda lakukan lewat wordpress dashboard atau lewat ftp. Saya lebih menyarankan Anda menggunakan navigasi dari dashboard kemudian pilih appearance. Dari situ, Anda akan menemukan menu editor. Sekarang, pada sisi kanan, cari “function.php” dan letakkan kode berikut pada bagian paling bawah.

<code>
// Menghapus query string dari file static files
function remove_cssjs_ver( $src ) {
if( strpos( $src, '?ver=' ) )
$src = remove_query_arg( 'ver', $src );
return $src;
}
add_filter( 'style_loader_src', 'remove_cssjs_ver', 10, 2 );
add_filter( 'script_loader_src', 'remove_cssjs_ver', 10, 2 );
</code>

Dengan menambahkan kode ini, maka “?ver” string akan hilang dengan sendirinya. Namun sebelum melakukan perubahan, ada baiknya jika Anda melakukan backup terhadap file “function.php” tersebut.

#2 Menggunakan Plugin

Ya, inilah cara termudah untuk mengatasi semua type dari kueri “?”. Anda tidak perlu mengedit file dan Anda juga tidak perlu melakukan backup. Cukup gunakan plugin Remove Query Strings from Static Resources, install, dan selesai.