Cara Mempercepat Situs WordPress Anda dengan Menunda Eksekusi JavaScript

Nkenganyi Clovis Tutorial WordPress Dec 14, 2023

Pernahkah Anda merasa situs WordPress Anda berjalan lebih lambat daripada siput di treadmill? Tahukah Anda, rasa frustrasi seperti apa yang membuat Anda ingin membuang laptop Anda ke luar jendela dan berteriak sekuat tenaga? Ya, kita semua pernah ke sana.

Anda mungkin telah mencoba segalanya untuk mempercepat situs Anda, mulai dari caching, minifikasi, hingga pemuatan lambat. Namun sepertinya tidak ada perbedaan yang signifikan. Anda masih terjebak dengan situs lamban yang membutuhkan waktu lama untuk memuat dan mengganggu pengunjung Anda.

Bagaimana jika kami memberi tahu Anda bahwa ada cara sederhana untuk mengoptimalkan kinerja situs WordPress Anda menggunakan Delay JavaScript Execution ? Sebuah cara yang dapat mengurangi waktu pemuatan awal, meningkatkan skor Data Web Inti, dan menghindari beberapa kesalahan dan konflik. Kedengarannya terlalu bagus untuk menjadi kenyataan, bukan?

Ya, ternyata tidak. Ini adalah fitur yang dibangun di salah satu plugin caching terbaik di pasar: WP Rocket .

Buat Situs Web Luar Biasa

Dengan Elementor pembuat halaman gratis terbaik

Mulai sekarang

Dalam postingan blog ini, kami akan menunjukkan cara menggunakannya untuk meningkatkan kecepatan dan kinerja situs Anda. Siap untuk memulai? Ayo pergi!

Apa itu WP Roket?

WP Rocket adalah plugin caching premium yang meningkatkan kecepatan dan kinerja situs WordPress Anda. Alih-alih skrip PHP yang lebih besar, ia menyelesaikannya dengan menghasilkan file HTML statis dari situs WordPress dinamis Anda dan menyajikannya kepada pengunjung Anda. Ini mengurangi beban pada server Anda dan meningkatkan waktu respons situs web Anda.

WP Rocket juga menawarkan banyak fitur lain untuk mengoptimalkan situs Anda, seperti:

  • Kompresi GZIP: mengurangi ukuran file dan menghemat bandwidth.
  • Caching browser: menyimpan cache sumber daya statis di browser, sehingga mengurangi jumlah kueri ke server Anda.
  • Minifikasi dan penggabungan: kurangi jumlah permintaan HTTP dengan menghapus spasi dan komentar yang tidak diperlukan dari kode Anda dan menggabungkan banyak file menjadi satu.
  • LazyLoad: Menunda pemuatan gambar dan iframe hingga muncul di layar, menghemat bandwidth dan meningkatkan waktu pemuatan.
  • Integrasi CDN: mendistribusikan materi Anda ke seluruh jaringan server global untuk mengirimkannya ke pengunjung Anda dengan lebih cepat.
  • Pengoptimalan basis data: menghapus data yang tidak diperlukan dari basis data Anda dan mengurangi ukurannya.
  • Pramuat: menghasilkan cache untuk beranda Anda dan semua halaman tertaut terlebih dahulu untuk meningkatkan pengindeksan oleh mesin pencari.
  • Dan Banyak Lagi...

Bagaimana WP Rocket Dapat Membantu Anda Menunda Eksekusi JavaScript?

WP Rocket menyertakan kemampuan untuk menunda eksekusi JavaScript. Fitur ini meningkatkan kinerja dengan menunda pemuatan semua file JavaScript dan skrip inline hingga terjadi interaksi pengguna (misalnya, menggerakkan mouse ke atas halaman, menyentuh layar, menggulir, menekan tombol, menggulir dengan roda mouse). Cara kerjanya mirip dengan LazyLoad tetapi untuk file JavaScript.

Menunda eksekusi JavaScript dapat meningkatkan metrik kinerja situs Anda seperti First Contentful Paint (FCP), Largest Contentful Paint (LCP), dan Time to Interactive (TTI) dengan mengurangi waktu pemuatan awal halaman web Anda. Metrik ini penting untuk pengalaman pengguna dan SEO karena Google memeringkatnya dalam Data Web Inti.

WP Rocket mengenali skrip yang dapat ditunda dengan aman dan menerapkan penundaan tersebut. Dalam pengaturan WP Rocket, Anda juga dapat secara manual menentukan kata kunci yang mengidentifikasi file yang akan ditunda.

Bagaimana cara mengaktifkan penundaan eksekusi JavaScript di WP Rocket?

Untuk mengaktifkan eksekusi JavaScript tertunda di WP Rocket, lakukan langkah-langkah berikut:

Langkah 1: Instal dan aktifkan WP Rocket di situs WordPress Anda.

Untuk melakukannya, Anda dapat mengunjungi situs WP Rocket , masuk, dan membeli plugin sehingga Anda memiliki semua fitur yang dapat Anda gunakan dalam demonstrasi yang akan kami tunjukkan di bawah.

Setelah membeli plugin dan mengunduh file zip, buka Plugins > Add New di dashboard WordPress Anda dan klik Upload Plugin di bagian atas halaman.

Setelah mengklik Unggah Plugin , jendela baru akan muncul, di mana Anda akan melihat kotak "Pilih File". Anda harus mengkliknya dan memilih file penginstal zip di manajemen file Anda.

Saat Anda memilih file zip, klik tombol Instal Sekarang .

Buka Pengaturan > WP Rocket > tab Aturan Lanjutan .

Gulir ke bawah ke bagian Tunda Eksekusi JavaScript .

Tambahkan kata kunci pada kolom Scripts to Delay atau Scripts to Exclude from Delaying , dipisahkan dengan koma.

Simpan perubahan yang dilakukan.

Misalnya, jika Anda ingin menunda semua skrip dengan kata "jquery" atau "analytics" di namanya, masukkan istilah ini di bagian Skrip untuk Ditunda.

Jika Anda ingin menghilangkan semua skrip dengan istilah "WooCommerce" atau "keranjang" di namanya, masukkan skrip tersebut ke dalam Skrip untuk dihilangkan dari area Penundaan.

Apa Manfaat Menunda Eksekusi JavaScript?

Dengan menunda eksekusi JavaScript, Anda dapat menikmati beberapa manfaat untuk situs WordPress Anda, seperti:

  • Waktu pemuatan lebih cepat: Anda dapat mengurangi jumlah waktu yang diperlukan laman web untuk memuat dan menampilkan konten dengan menunda eksekusi JavaScript. Hal ini dapat meningkatkan pengalaman pengguna, retensi, dan peringkat SEO.
  • Peningkatan metrik kinerja: Dengan menunda eksekusi JavaScript, Anda dapat meningkatkan metrik kinerja situs Anda seperti FCP, LCP, dan TTI. Pengukuran ini melacak seberapa cepat situs web Anda dapat digunakan dan interaktif bagi pengguna. Google juga menggunakannya sebagai faktor peringkat dalam Core Web Vitals-nya.
  • Lebih sedikit kesalahan dan konflik: Dengan menunda eksekusi JavaScript, Anda dapat mencegah beberapa kesalahan dan konflik yang dapat terjadi saat memuat dan menjalankan banyak skrip secara bersamaan. Beberapa skrip, misalnya, mungkin bergantung pada skrip yang belum dimuat atau mungkin berinteraksi satu sama lain. Menunda eksekusi JavaScript dapat membantu menghindari masalah ini dan memberikan pengalaman pengguna yang lebih baik.

Kesimpulan

Terakhir, menunda pemuatan dan eksekusi kode JavaScript yang tidak penting hingga pengguna berinteraksi dengan halaman atau menggulir ke bawah adalah strategi hebat untuk meningkatkan kinerja situs WordPress.

WP Rocket adalah plugin canggih yang memungkinkan pengguna dengan mudah dan berhasil mengimplementasikan eksekusi JavaScript tertunda di situs WordPress mereka, serta fitur lain yang dapat meningkatkan kecepatan dan efisiensi situs.

Pengguna dapat meningkatkan waktu pemuatan situs mereka, skor PageSpeed, pengalaman pengguna, dan konversi dengan menggunakan fungsi Delay JavaScript Execution dari WP Rocket.

Divi WordPress Theme