{"id":13378,"date":"2022-12-10T00:52:03","date_gmt":"2022-12-09T17:52:03","guid":{"rendered":"https:\/\/klubcahaya.com\/sosial\/?p=13378"},"modified":"2022-12-10T01:24:03","modified_gmt":"2022-12-09T18:24:03","slug":"cara-menunda-parsing-javascript-di-wordpress-4-metode","status":"publish","type":"post","link":"https:\/\/klubcahaya.com\/sosial\/cara-menunda-parsing-javascript-di-wordpress-4-metode\/","title":{"rendered":"Cara Menunda Parsing JavaScript"},"content":{"rendered":"\n

Cara Menunda Parsing JavaScript Di WordPress (4 Metode)<\/strong><\/a><\/a><\/a><\/p>\n\n\n\n

Apakah Anda menjalankan situs WordPress Anda melalui\u00a0alat pengujian kinerja\u00a0hanya untuk mendapatkan instruksi untuk menunda penguraian JavaScript di WordPress?<\/p>\n\n\n\n

Menerapkan perubahan ini dapat berdampak positif pada waktu muat halaman situs Anda, terutama bagi pengunjung seluler. Tapi peringatannya bisa agak sulit untuk dipahami, itulah sebabnya kami akan menjelaskan dengan tepat apa artinya menunda penguraian JavaScript dan bagaimana Anda dapat menerapkan perubahan ini di situs web WordPress Anda.<\/p>\n\n\n\n

Menunda Parsing JavaScript di WordPress<\/h2>\n\n\n\n

Jika Anda pernah menjalankan situs WordPress melalui\u00a0Google PageSpeed \u200b\u200bInsights, GTmetrix, atau alat pengujian kecepatan halaman lainnya, Anda mungkin menemukan saran untuk menunda penguraian JavaScript.<\/p>\n\n\n\n

Pada dasarnya, ketika seseorang mengunjungi\u00a0situs WordPress\u00a0Anda, server situs Anda mengirimkan konten HTML situs web Anda ke browser pengunjung tersebut.<\/p>\n\n\n\n

Browser pengunjung kemudian mulai dari atas dan melewati kode untuk merender situs Anda.\u00a0Jika saat berpindah dari atas ke bawah ia menemukan JavaScript apa pun, ia akan berhenti merender halaman lainnya hingga ia dapat mengambil dan mem-parsing file JavaScript.<\/p>\n\n\n\n

Ini akan melakukan ini untuk setiap skrip yang ditemukannya, yang dapat berdampak negatif pada waktu pemuatan halaman situs Anda karena pengunjung perlu menatap layar kosong saat browser mereka mengunduh dan mem-parsing semua JavaScript.<\/p>\n\n\n\n

Jika skrip tertentu tidak diperlukan untuk fungsi inti situs Anda (setidaknya pada pemuatan halaman awal<\/em>\u00a0), Anda tidak ingin itu menghalangi pemuatan bagian yang lebih penting dari situs Anda, itulah sebabnya\u00a0halaman alat pengujian kecepatan\u00a0selalu memberi tahu Anda untuk menunda penguraian JavaScript.<\/p>\n\n\n\n

Jadi apa artinya menunda penguraian JavaScript?<\/p>\n\n\n\n

Pada dasarnya, situs Anda akan memberi tahu browser pengunjung untuk menunggu mengunduh dan\/atau mengurai JavaScript hingga setelah<\/em> konten utama situs Anda selesai dimuat. Pada saat itu, pengunjung sudah dapat melihat dan berinteraksi dengan halaman Anda, jadi waktu tunggu untuk mengunduh dan mengurai JavaScript tidak lagi memiliki efek negatif.<\/p>\n\n\n\n

Dengan\u00a0mempercepat waktu muat paruh atas konten\u00a0Anda, Anda membuat Google senang dan menciptakan pengalaman yang lebih baik dan lebih cepat bagi pengunjung Anda.<\/p>\n\n\n\n

<\/a>Bagaimana Mengenalinya Jika Anda Perlu Menunda Parsing JavaScript<\/h2>\n\n\n\n

Untuk menguji apakah situs WordPress Anda perlu menunda penguraian JavaScript, Anda dapat menjalankan situs Anda melalui\u00a0GTmetrix. GTmetrix akan memberi Anda nilai dan juga mencantumkan skrip khusus yang perlu ditangguhkan:<\/p>\n\n\n

\n
\"Tunda
Tunda penguraian tes JavaScript di GTmetrix<\/em><\/figcaption><\/figure>\n<\/div>\n\n\n

<\/a>Berbagai Metode untuk Menunda Parsing JavaScript<\/h2>\n\n\n\n

Ada beberapa cara berbeda untuk menunda penguraian JavaScript.\u00a0Pertama, ada\u00a0dua atribut\u00a0yang dapat Anda tambahkan ke skrip Anda:<\/p>\n\n\n\n

    \n
  1. Asinkron<\/li>\n\n\n\n
  2. Menunda<\/li>\n<\/ol>\n\n\n\n

    Kedua atribut memungkinkan browser pengunjung mengunduh JavaScript tanpa menjeda penguraian HTML.\u00a0Namun, perbedaannya adalah meskipun\u00a0async<\/strong>\u00a0tidak menjeda penguraian HTML untuk mengambil skrip (seperti perilaku default), async menjeda pengurai HTML untuk mengeksekusi skrip setelah diambil.<\/p>\n\n\n\n

    Dengan\u00a0defer<\/strong>, browser pengunjung akan tetap mengunduh skrip saat mem-parsing HTML, tetapi mereka akan menunggu untuk mem-parsing skrip hingga parsing HTML selesai.<\/p>\n\n\n\n

    Grafik dari Growing with the Web\u00a0ini menjelaskan perbedaannya dengan sangat baik:<\/p>\n\n\n

    \n
    \"Grafik
    Grafik yang menjelaskan async vs defer<\/figcaption><\/figure>\n<\/div>\n\n\n

    Opsi lain, yang oleh Patrick Sexton dari Varvy rekomendasikan, menggunakan skrip untuk memanggil file JavaScript eksternal hanya setelah pemuatan halaman awal selesai.\u00a0Ini berarti browser pengunjung tidak akan mengunduh atau menjalankan JavaScript apa pun hingga pemuatan halaman awal selesai.<\/p>\n\n\n\n

    Terakhir, pendekatan lain yang akan Anda lihat adalah memindahkan JavaScript ke bagian bawah halaman.\u00a0Namun, metode ini bukanlah solusi yang bagus karena, meskipun halaman Anda akan terlihat lebih cepat, browser pengunjung akan tetap menampilkan halaman saat memuat hingga semua skrip selesai.\u00a0Ini dapat menghentikan beberapa pengunjung untuk berinteraksi dengan halaman Anda karena menurut mereka konten tidak termuat sepenuhnya.<\/p>\n\n\n\n

    <\/a>Cara Menunda Parsing JavaScript di WordPress (4 Metode)<\/h2>\n\n\n\n

    Untuk menunda penguraian JavaScript di WordPress, ada tiga rute utama yang dapat Anda ambil:<\/p>\n\n\n\n