WordPress Menaru Semua JS di Footer

Dalam meletakan JavaScript (JS) pada HTML, pada dasarnya kita bebas meletakannya di mana saja di awal setelah tag <head>, di tengah dalam tag <body> ataupun di akhir sebelum tag <html>. Namun dari berbagai sumber mengatakan bahwa untuk hasil terbaik, disarankan semua JS harus berada paling bawah sebelum tag </html>, mengapa? Karena jika JS diletakan di atas pada tag <head> artinya JS tersebut akan diproses lebih dulu sebelum komponen yang berada dalam tag <body>, oleh karena itu disarankan JS diletakan di bawah, supaya yang lain di load dulu baru kemudian JS tersebut guna mempercepat situs.

Tulisan kali ini kita akan membahas tentang bagaimana cara meletakan JS di bawah, pada WordPress karena secara asali WordPress meletakan JS di atas, oleh karena itu untuk meningkatkan kecepatan situs, maka kita harus meletakannya di bawah. Yakni dengan perintah wp_enqueue_script. Kita tinggal gunakan skrip tersebut seperti ini:

Adapun ini adalah contoh skrip yang mana kita memaksa jQuery bawaan WordPress diletakan di bawah, juga beberapa JS bawaan dari tema diletakan di bawah pula. Berikut ini adalah skripnya:

Skrip di atas bisa Anda salin-tempel diberkas functions.php pada tema yang Anda gunakan, dan pastikan jika Tema WP yang Anda pakai saat ini jika menggunakan JS letakan saja pada js_footer. Simpan dan cek, apakah JS sudah di load di bawah?

Anda juga dapat memaksa beberapa JS bawaan WordPress untuk diletakan di bawah, yakni dengan perintah wp_dregister_script lalu me-register kembali, bisa dilihat register name dari JS bawaan WP berikut: https://developer.wordpress.org/reference/functions/wp_register_script/#core-registered-scripts.

Oke itu saja, semoga bermanfaat.

Daftar isi

Sumber:

Ayo Berlangganan!

Dapatkan pemberitahuan artikel-artikel terbaru super cepat, langsung dari surel Anda.
Lebih dari 320 telah berlangganan situsali.com, ayo segera daftarkan surel Anda sekarang juga!


5 thoughts on “WordPress Menaru Semua JS di Footer”

  1. Pak bro, pernah punya issue dengan webfont loader gak? Terjadi yg namanya Flash of Unstyled Text (FoUT)

Leave a Reply