Jika Anda menguji kecepatan loading website Anda menggunakan Pagespeed dan menemukan salah satu peringatan yaitu “Remove query strings from static resources”. Ini berarti cara memuat file statis yaitu CSS dan JS Anda masih menggunakan bawaan asli engine wordpress. Sisi negatif dari penggunaan query string berupa “?” pada file statis adalah menghambat penyimpanan cache pada browser maupun proxy. Sehingga file JS dan CSS yang seharusnya bisa disimpan dalam cache browser tapi justru harus didownload ulang dan jelas mempengaruhi kecepatan loading website. Untuk menghilangkan query string pada file script dan css ini mudah saja namun untuk lebih memahami permasalahan ini ada baiknya kita lihat perbandingan ini:
Kode Asli bawaan WordPress
<link rel=’stylesheet’ id=’style-css’ href=’http://wpku.com/wp-content/themes/mytheme/style.css?ver=4.0‘ type=’text/css’ media=’all’ />
<script type=’text/javascript’ src=’http://wpku.com/wp-includes/js/jquery/jquery.js?ver=1.11.1‘></script>
Sesuai kode di atas query string yang menjadi masalah adalah ?ver=4.0 dan ?ver=1.11.1. Idealnya kedua queri string ini tidak dipakai lagi karena tidak memiliki fungsi khusus atau merubah fungsi dari Stylesheet maupun Javascript, namuan hanya informasi versi saja. Jadi, cara memuat kode CSS dan JS yang ideal dan memenuhi aturan pagespeed adalah sebagai berikut:
Kode yang sesuai Pagespeed
<link rel=’stylesheet’ id=’style-css’ href=’http://wpku.com/wp-content/themes/mytheme/style.css’ type=’text/css’ media=’all’ />
<script type=’text/javascript’ src=’http://wpku.com/wp-includes/js/jquery/jquery.js’></script>
Nah, untuk menghilangkan query string CSS dan JS ini ada dua cara yang bisa dilakukan yaitu dengan menambahkan manual pada theme dan dengan menambahkan sedikit fungsi pada file functions.php. Untuk kemudahan saya sarankan menggunakan cara kedua saja. Buka file functions.php pada theme wordpress Anda melalui hosting atau menggunakan ftp seperti filezilla. Atau bisa juga melalui Dashboard – Appearance – Editor dan cari Theme Functions. Setelah itu tambahkan kode ini di akhir:
<?php // menghilangkan query string css dan js wordpress function _remove_script_version( $src ){ $parts = explode( '?', $src ); return $parts[0]; } add_filter('script_loader_src', '_remove_script_version', 11, 1); add_filter('style_loader_src', '_remove_script_version', 11, 1); ?>
Mudah saja bukan? Jika penambahan kode sudah benar maka maka Anda sudah bisa menghilangkan query string pada website Anda. Lihat juga fungsi-fungsi penting theme wordpress lainnya, selamat mencoba!
wah akhirnya loading website saya jadi ngebut. thanks udah membantu saya dari tulisan mas
Sama2 gan, senang bisa membantu 🙂
Om klo cara menghilangkan tanda “?i=1” diakhir url website gimana ya? blog saya menampilkan kode itu jadi klo pas diakses seperti ini “http://namadomain.com/?i=1”
Pake apa dulu ini? websitenya kok blogger, klo WP kan sudah bisa pake mod_rewrite di htaccess
Terimakasih D_Artchitext, Saya akan coba pelajari kembali.
Btw Site finderonly.net menurut saya sangat SUPER, saya bisa menghabiskan waktu berjam jam untuk belajar disini, Senang bisa dapat banyak ilmu baru disini…Salam SUPER
gan beberapa hari yang lalu sempat saya coba ke website sy, Kenapa pas waktu saya copy dan paste kode diatas pada file functions.php website saya langsung blank warna putih semua dan tidak bisa diakses ke dashboard lg…Kendalanya dimana ya Terimakasih
hati2 pas paste code, jangan sampai mengganggu kode yang sudah ada. Seharusnya klo dipasang dgn tepat tidak akan membuat blank, coba lagi lebih teliti. Adapun jika terlanjur blank dan ingin dikembalikan spt semula, rename nama folder yang aktif dipakai supaya bisa akses dashboard kembali
akhirnya ketemu juga artikel ini, idah ubek2 google eh yang paling mantab disini artikelnya, makasih gan. sangat membantu sekali. sempat bingung kemaren ama ginian 😀
sip gan, saya ikut senang kalo bisa membantu