Ingin tingkatkan SEO website Anda??

Download eBook Gratis 5+ Strategi SEO Berbagai Industri

Download Ebook
Tutorial

Mempercepat Loading WordPress dengan Defer Parsing JavaScript

Mempercepat loading WordPress bisa dilakukan dengan defer parsing JavaScript. Pada umumnya untuk JavaScript diletakan antara tag <head></head>. Ketika diakses, website akan memuat kode tersebut dari atas sampai bawah. Hal ini dapat cukup merepotkan, terutama jika Anda memiliki banyak JavaScript atau string yang cukup panjang. Proses yang berjalan dapat memakan banyak waktu sebelum konten website dapat ditampilkan, karena menunggu semua JavaScript dimuat.

Dengan melakukan defer parsing JavaScript, blog Anda tidak akan perlu menunggu sampai loading JavaScript selesai, sehingga loadingnya akan lebih cepat. Pada tutorial ini, kami akan mengulas dua cara melakukan defer parsing JavaScript pada WordPress.

Apa yang Anda Perlukan?

Sebelum Anda memulai langkah pertama, pastikan bahwa Anda memiliki:

  • Akses ke dashboard admin WordPress
  • Akes ke akun FTP/cPanel

Langkah 1: Analisa Website

Untuk menemukan JavaScript mana yang memerlukan proses defer parsing, Anda dapat menganalisa website WordPress Anda menggunakan GTMetrix terlebih dahulu.

Skor yang direkomendasikan pada GTMetrix sekitar 71%. Di bawah ini adalah contoh hasil analisa pada website WordPress.

Langkah 2: Lakukan Defer Parsing JavaScript pada WordPress

Ada beberapa pilihan yang bisa digunakan untuk melakukan defer parsing JavaScript pada WordPress.

[ecko_alert color=”red”]PENTING – Pastikan Anda melakukan backup website sebelum memulai proses terlebih dahulu.[/ecko_alert]

Pilihan 1 – Mempercepat Loading WordPress dengan Defer Parsing JavaScript Menggunakan Plugin WordPress

Salah satu cara mudah dan cepat untuk defer parsing JavaScript pada WordPress adalah dengan menggunakan plugin WP Deferred JavaScript.

Plugin lain yang dapat digunakan untuk melakukan defer parsing JavaScript adalah Speed Booster Pack, suatu plugin yang menyediakan beberapa teknik optimasi pada WordPress.

Dalam contoh ini kami menggunakan plugin Speed Booster Pack. Silakan lakukan instalasi terlebih dahulu, kemudian aktifkan. Setelahnya Anda dapat klik menu Settings pada plugin tersebut.

Centang bagian Defer parsing of javascript files dan klik Save Changes.

Jika Anda belum mengetahui cara menginstal plugin pada WordPress, Anda dapat mengikuti panduan berikut ini.

Pilihan 2 – Melakukan Defer Parsing JavaScript Melalui functions.php

Untuk melakukan defer parsing JavaScript, silakan copy code di bawah ini dan letakkan pada baris di bawah script dalam file wp-includes/functions.php.

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

Langkah 3: Tes Perubahan

Gunakan tool GTMetrix untuk mengetes perubahan. Berikut adalah hasil setelah melakukan defer parsing JavaScript.

Voila! Pada langkah ini Anda telah meningkatkan performa website agar memiliki akses lebih cepat.

Kesimpulan

Melalui tutorial singkat ini Anda telah mengetahui cara mempercepat loading WordPress melalui defer parsing JavaScript. Semakin cepat dan mudah website diakses, semakin besar pula kemungkinan traffic Anda meningkat karena pengunjung dapat mengakses informasi di website Anda lebih nyaman.

Sampaikan segala pertanyaan Anda pada kolom komentar di bagian bawah halaman ini. Dapatkan juga ulasan terbaru seputar dunia online langsung di email Anda hanya dengan klik tombol Subscribe! ?

Waryanto

Technical Content Writer, Menyukai dunia Technical IT, Digital Marketing & Travel Blogging. Suka berbagi hal baru yang bermanfaat bagi orang lain.

Share
Published by
Waryanto

Recent Posts

Ini Dia 10+ Tips Desain Website Terbaik yang Bisa Anda Terapkan

Cara desain website itu sebenarnya gimana ya? Sudah coba utak atik tampilan website, tapi kok hasilnya belum sesuai harapan sih?…

2 hours ago

Gawat! Hackers Menyerang Plugin WordPress dan Mencuri Data Kartu Kredit

Anda pemilik website toko online berbasis WordPress? Jika ya, Anda wajib waspada. Akhir 2021 lalu, beredar modus pencurian data kartu…

24 hours ago

Woongkir : Pengertian dan Cara Menggunakannya di WooCommerce

Fitur ongkos kirim di toko online bisa membantu pengunjung mengetahui biaya pengiriman produk yang dibeli. Sebagai pemilik website, Anda bisa…

1 day ago

10+ Trik SEO untuk Menggenjot Trafik ke Website Komunitas Anda

Saat ini tidak sedikit bisnis yang mulai melirik forum online untuk menjalankan strategi marketing. Dengan website forum, bisnis bisa jadi…

2 days ago

Virtual Host : Pengertian dan Cara Membuatnya

Mengelola banyak website atau domain dalam satu server apakah mungkin? Tentu saja. Dengan virtual host, Anda bisa melakukannya, baik di…

3 days ago

Data Warehouse: Pengertian, Kegunaan, dan Contoh

Data adalah salah satu kunci strategi bisnis yang efektif. Dengannya, Anda bisa menganalisis dan menyusun rencana sesuai kebutuhan lapangan. Entah…

4 days ago