Menghilangkan render-blocking pada WordPress



Menghilangkan render-blocking

Xfoost.com – beberapa waktu lalu xfoost pernah membahas tentang bagaimana cara Mencegah Duplicate Meta Title di WordPress. di postingan kali ini xfoost akan memberikan tutorial bagaimaca cara menghilangkab render blocking pada wordpress. jika anda mencoba menggunakan google speed insights untuk test kecepatan website anda pasti terlihat beberapa pelanggaran seperti remove render blocking javascript. Ini sangat berpengaruh bagi kecepatan load website anda. karena setiap browser meload ekternal javascript otomatis browser akan berhenti sejenak untuk membaca source javascript ekternal tersebut. Untuk mencegah hal seperti itu ada beberapa cara untuk memperbaikinya, berikut caranya:

Hapus Render-blocking.

1. Menggunakan plugin Async JS and CSS.

Plugin diatas mengubah yang tadinya Render Blocking Menjadi Non Render-blocking. cukup mudah untuk memakai plugin tersbut.

2. Menggunakan wp deferred javascripts.

Nah plugin diatas juga penggunaanya mudah silahkan langsung install dan coba cek skore website anda di google pagespeed insight atau menggunakan page speed lainya.

Untuk cara Manual Juga anda bisa nambahkan beberapa script tambahan pada file function.php di wordpress anda. kodenya seperti dibawah


function wcs_defer_javascripts ( $url ) {
if ( FALSE === strpos( $url, '.js' ) ) return $url;
if ( strpos( $url, 'jquery.js' ) ) return $url;
return "$url' async='async";
}
add_filter( 'clean_url', 'wcs_defer_javascripts', 11, 1 );

kode diatas mengubah atribut script menjadi async.

jika tampilan website anda blank saat menggunakan kode diatas. lebih baik gunakan plugin yang sudah tersedia diatas.

Semoga Bermanfaat

 

 



Indra Bayu

Indra Bayu

Penulis dan Editorial Xfoost.com Email : indrabayu@xfoost.com