{"id":5326,"date":"2026-10-19T08:43:29","date_gmt":"2026-10-19T01:43:29","guid":{"rendered":"https:\/\/www.pasirpengaraian.com\/?p=3092"},"modified":"2026-06-24T10:25:15","modified_gmt":"2026-06-24T03:25:15","slug":"cara-memperbaiki-render-blocking-javascript-and-css","status":"publish","type":"post","link":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html","title":{"rendered":"Cara Memperbaiki Render-Blocking JavaScript and CSS"},"content":{"rendered":"<p>Apakah Anda ingin menghilangkan render blocking\u00a0JavaScript\u00a0dan\u00a0CSS\u00a0di WordPress? Jika menguji\u00a0 website di Google PageSpeed, Anda akan melihat salah satu saran yang diberikan oleh Google adalah\u00a0 menghilangkan skrip render blocking JavaScript dan CSS.<\/p>\n<p>Pada artikel ini, kami akan menjelaskan cara mudah memperbaiki render blocking JavaScript dan CSS di WordPress untuk meningkatkan skor Google PageSpeed Anda.<\/p>\n<h2 id=\"h-cara-kerja-render-blocking-javascript-dan-css\"><span id=\"Cara_Kerja_Render_Blocking_JavaScript_dan_CSS\">Cara Kerja Render Blocking JavaScript dan CSS<\/span><\/h2>\n<p>Setiap website pada WordPress memiliki tema dan plugin yang di dalamnya terdapat file JavaScript dan CSS. Skrip ini berakibat pada meningkatnya waktu loading halaman website. Selain itu, skrip tersebut juga dapat memblokir rendering page.<\/p>\n<p>Ketika Anda mengunjungi sebuah website, hal pertama yang dilakukan oleh browser adalah memproses JavaScript dan CSS. Kemudian browser memproses HTML pada halaman website sehingga muncul tampilan full halaman dari website.<\/p>\n<p>Jadi, apabila Anda berada di koneksi yang lebih lambat, proses untuk melihat halaman website akan lebih lama.<\/p>\n<p>Pada panduan ini, kami akan membahas cara memperbaiki blocking render JavaScript dan CSS di WordPress menggunakan dua plugin. Kedua plugin tersebut adalah\u00a0<strong><em>Autoptimize<\/em><\/strong>\u00a0dan\u00a0<strong><em>W3 Total Cache<\/em><\/strong>. Anda dapat memilih salah satu dari cara yang kami berikan.<\/p>\n<h2 id=\"h-1-memperbaiki-render-blocking-javascript-dan-css-dengan-autoptimize\"><span id=\"1_Memperbaiki_Render_Blocking_JavaScript_dan_CSS_dengan_Autoptimize\">1. Memperbaiki Render Blocking JavaScript dan CSS dengan Autoptimize<\/span><\/h2>\n<p>Cara\u00a0 pertama ini adalah cara yang paling sederhana dan kami rekomendasikan untuk Anda.<\/p>\n<p>Hal pertama yang perlu Anda lakukan adalah menginstall dan mengaktifkan plugin\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/autoptimize\/\" target=\"_blank\" rel=\"nofollow noopener\">Autoptimize<\/a>. Untuk detail pemasangan plugin,<\/p>\n<p>Setelah proses aktivasi, masuk ke halaman\u00a0<strong>Settings<\/strong>\u00a0&gt;&gt;\u00a0<strong>Autoptimize<\/strong>\u00a0untuk melakukan konfigurasi pengaturan plugin.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh4.googleusercontent.com\/Inx83aIiaii_uSfVRtidQWxBRwlaFtCfr0maWgDBjt5xGCmhvkSZyphXO-qppMhUipQ6d0Lqv0wn6lXrQ9Eo2-y3U1A5aTKKqjliNpdIwuDPMEbWbF0SaXZ3nAkVceWxpBMeInfQ\" alt=\"\" \/><\/figure>\n<h3 id=\"h-langkah-1-optimasi-kode-javascript\"><span id=\"Langkah_1_Optimasi_Kode_JavaScript\">Langkah 1 Optimasi Kode JavaScript<\/span><\/h3>\n<p>Selanjutnya, pada bagian pengaturan JavaScript centang kotak di sebelah tulisan\u00a0<strong>Optimize JavaScript Code?<\/strong>\u00a0untuk merubah pengaturan JavaScript.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh6.googleusercontent.com\/43vYMrfc_i7XN8wxHPm7gAPCIaKmEIpuhoZlQ00chGkWXjopXdtRf9hkteX4IuqQIhv3JKoJos6zRY4GSLa4argYy4cWy6TDEH9mdTexJv_xq6yFGD5n81tIHmJvNn9D55IEuXV5\" alt=\"\" \/><\/figure>\n<p>Setelah itu, lakukan optimasi pada JavaScript dengan\u00a0 mencentang beberapa pilihan yang ada.<\/p>\n<ul>\n<li><strong>Aggregate JS-files?<\/strong>: Menggabungkan semua file JavaScript yang ada di file website untuk memproses non-render blocking. Jika pilihan ini tidak aktif, masing-masing file JS akan tetap di tempatnya tetapi akan diperkecil ukuran filenya.<\/li>\n<li><strong>Also aggregate inline JS?<\/strong>: Pilihan ini berfungsi untuk mengekstrak JavaScript dari HTML.<\/li>\n<li><strong>Force JavaScript in &lt;head&gt;?<\/strong>: Pilihan ini berfungsi untuk memproses JavaScript lebih awal. Jika mengaktifkan pilihan ini, akan berpotensi membuat JavaScript Render Blocking.<\/li>\n<li><strong>Exclude scripts from Autoptimize<\/strong>: Mengecualikan skrip yang akan dioptimasi.<\/li>\n<\/ul>\n<p>Pada panduan ini kami memilih\u00a0<strong>Aggregate JS-files?<\/strong>\u00a0dan\u00a0<strong>Also aggregate inline JS?<\/strong>. Dengan begitu, Anda dapat mengizinkan plugin untuk menambahkan inline JS dan menghapus skrip yang dikecualikan secara default oleh WordPress, contoh seperti\u00a0<em>jquery.js<\/em>.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh6.googleusercontent.com\/y2rEKQCDE1nL1LxJPT5K_7B1SSWOjn1jPOipti7H5rKHgX4PMghLOaSw4-XZeNhZ-tYHC0GxtaIyocOdxZCRFrejNevTeYQEnxoZ5sLP-ksKMBDTvOOaxDx2PP_ZvMV3cbJXaFMX\" alt=\"\" \/><\/figure>\n<h3 id=\"h-langkah-2-optimasi-kode-css\"><span id=\"Langkah_2_Optimasi_Kode_CSS\">Langkah 2 Optimasi Kode CSS<\/span><\/h3>\n<p>Kemudian, scroll ke bawah pada bagian\u00a0<strong>CSS Options<\/strong>\u00a0centang pada kotak di samping tulisan\u00a0<strong>Optimize CSS Code?<\/strong>\u00a0untuk menampilkan pengaturan CSS.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh4.googleusercontent.com\/J5rBZ04EL-xLuriySw0uUbIY1Yi1pGhiMOA8-_SN3IDBWpmbnRG9LEkX9ZjznWJNW-YgpxI9-neUiBDoE408UOhcHCfKMpQlxpARyo3OSmsV6IOb6kBy73H5b3nvS2qhOn3NYzzZ\" alt=\"\" \/><\/figure>\n<p>Setelah itu, lakukan optimasi pada CSS dengan cara mencentang beberapa pilihan yang ada. Berikut ini adalah keterangan dari beberapa pilihan tersebut.<\/p>\n<ul>\n<li><strong>Aggregate CSS-files?<\/strong>: Pilihan ini akan menggabungkan semua file-file CSS yang ada di file website.<\/li>\n<li><strong>Also aggregate inline CSS?<\/strong>: Mengoptimalkan CSS dalam file HTML.<\/li>\n<\/ul>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh5.googleusercontent.com\/68cp5m89wQO_qSa0PZ4OO0FP608mL8bb6Pn5xKcv6VAs7WU_8daspZqDoqAijXyh566FudSXV8TMhvmrD1GcJg57ugqVjjZ8OKZezJ7YR5F9DRcowqdb2gSziM2qPuEhPcuTuyVp\" alt=\"\" \/><\/figure>\n<p>Pada panduan ini memilih,\u00a0<strong>Aggregate CSS-files?<\/strong>\u00a0dan\u00a0<strong>Also aggregate inline CSS?<\/strong>. Tujuannya agar semua file CSS yang ada di website ukurannya diperkecil sehingga load time website akan jauh lebih cepat.<\/p>\n<p>Kemudian simpan perubahan yang telah dibuat dengan cara menekan tombol\u00a0<strong>Save Changes and Empty Cache<\/strong>.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/Qvt2a9QjlMoT4hizYEBOLJmJyJeCZMIsQbPgyflpF-LImTKmAa8bppvvcJaCH4wcbSydNZng3eBtfIRen5IkkxDqqHbhrRJK5R5NjJIS2eks1_ip9VeDgGmhjPX4UHkx5btJfMH0\" alt=\"\" \/><\/figure>\n<p>Untuk memastikan keberhasilan perubahan pada plugin Autoptimize, Anda bisa melakukan pengecekan pada\u00a0<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"nofollow noopener\">Google PageSpeed<\/a>.<\/p>\n<p>Pastikan lakukan pengecekan pada website untuk melihat tidak ada yang rusak saat Anda mengoptimalkan JavaScripts atau CSS.<\/p>\n<h2 id=\"h-2-memperbaiki-render-blocking-javascript-dan-css-dengan-w3-total-cache\"><span id=\"2_Memperbaiki_Render_Blocking_JavaScript_dan_CSS_dengan_W3_Total_Cache\">2. Memperbaiki Render Blocking JavaScript dan CSS dengan W3 Total Cache<\/span><\/h2>\n<p>Cara kedua ini akan membutuhkan sedikit lebih banyak langkah dan disarankan untuk pengguna yang sudah familiar atau terbiasa menggunakan plugin W3 Total Cache.<\/p>\n<p>Hal pertama yang perlu Anda lakukan adalah menginstall dan mengaktifkan plugin\u00a0<a href=\"https:\/\/wordpress.org\/plugins\/w3-total-cache\/\" target=\"_blank\" rel=\"nofollow noopener\">W3 Total Cache<\/a>.<\/p>\n<h3 id=\"h-langkah-1-optimasi-kode-javascript-dan-css\"><span id=\"Langkah_1_Optimasi_Kode_JavaScript_dan_CSS\">Langkah 1 Optimasi Kode JavaScript dan CSS<\/span><\/h3>\n<p>Selanjutnya, pilih menu\u00a0<strong>Perfomance<\/strong>\u00a0&gt;&gt;\u00a0<strong>General Settings<\/strong>\u00a0dan scroll ke bawah pada bagian fitur\u00a0<strong>Minify<\/strong>.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/K0yMzdTOrJvF96aSMyT5ocAT9FZplXvdPfLghUUBxBpQxDdisdGc5sn6h5mzrwJNVBzLz-aO6o-PBozUG-UdfuWgS9_-R6UadP04tDgpmxyp3HO3dDIf9eyajL16agXL2ct5rGzH\" alt=\"\" \/><\/figure>\n<p>Kemudian aktifkan fitur Minify dengan cara mencentang tulisan\u00a0<strong>Enable<\/strong>\u00a0dan pilih Minify mode\u00a0<strong>Manual<\/strong>. Contoh seperti pada gambar di bawah ini.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/vZIsiA9a3K2PEKWJb6KyoxHwVS-v5wbpKVXS6mILQ_h91Ik7KS3Sz19Ujly0D00ahjV9hrlPDuTP88z9vqzuBceC2jVGYG8msKgVh_sSgw0idiubSh9EWwhEuXBRRQeBVPcAASRY\" alt=\"\" \/><\/figure>\n<p>Setelah itu, klik tombol\u00a0<strong>Save Settings &amp; Purge Caches<\/strong>\u00a0untuk menyimpan perubahan.<\/p>\n<p>Selanjutnya, Anda harus mencari file atau link JavaScript yang ingin Anda perkecil (minify).<\/p>\n<p>Untuk mendapatkan link JavaScript yang akan di perkecil, Anda bisa melakukan pengecekan menggunakan\u00a0<a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"nofollow noopener\">Google PageSpeed<\/a>. Setelah itu, cari tab menu\u00a0<strong>Eliminate render-blocking resources<\/strong>\u00a0seperti di bawah ini.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh4.googleusercontent.com\/GnDtWVj8L0SNcs1AYzk2XHJIzkYcjkiDkGw2Jzg723wU-X13LnMePBneA_-jJaniQ6BLlPSIjOKLsxZhjPjeAx_20qbd7WYUnc-JqxKDvpf9suEMpUBCPooKI0_Q-Tcb5No4jhBg\" alt=\"\" \/><\/figure>\n<p>Kemudian, pilih salah satu di antara render-blocking yang ada dengan cara klik kanan pada salah satu link lalu\u00a0<strong>Copy link address<\/strong>.<\/p>\n<p>Lalu\u00a0 masuk ke dashboard WordPress Anda dan pilih menu\u00a0<strong>Performance<\/strong>\u00a0&gt;&gt;\u00a0<strong>Minify<\/strong>.<\/p>\n<p>Lalu scroll ke bawah pada fitur\u00a0<strong>JS<\/strong>\u00a0danu aktifkan\u00a0<strong>JS Minify Settings<\/strong>\u00a0dengan mencentang logo\u00a0<strong>Enable<\/strong>\u00a0seperti\u00a0 di bawah ini.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh3.googleusercontent.com\/ZtC26VKIORqWZL7B6VW2vo6EjnCS3VMFgzzjS8LRLw9gnpdDAIToP4m-25l4xbjWVhV69Rf-XLefBqQK4757Yt3BkXholCHo4mcOgrpeBhw6uMpmBTM4yWfzQd1OXx1R6zW0D9xi\" alt=\"\" \/><\/figure>\n<p>Setelah mengaktifkan\u00a0<strong>JS minify settings<\/strong>, Anda akan melihat bagian\u00a0<strong>Operations in areas<\/strong>. Pilih\u00a0<strong>Non-blocking using asyncsrc<\/strong>\u00a0sebagai tipe yang di-embed untuk tag before &lt;head&gt;. Sesuaikan perubahan seperti pada gambar di bawah ini.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh5.googleusercontent.com\/zWn9S_fkk6Hc907WcZtl7LcAGz_Uoe_iRZVJIwEPYoBiF94TARJ0OO4cpePquPuP_jEiQyzKZ7pFuwvo4R1pPnoQxejA7qyqnevvbGTKDUApfj5UBMTVrXuDvKtQc64mrpEfLs2D\" alt=\"\" \/><\/figure>\n<p>Kemudian, di bawah sub-heading\u00a0<strong>JS file management<\/strong>, pilih tema yang aktif dan klik tombol\u00a0<strong>Add Script<\/strong>.<\/p>\n<p>Lalu salin (copy) URL script JavaScript dari tab PageSpeed, dan tempel (paste) script tersebut satu per satu. Pada panduan ini akan memperbaiki file JavaScript.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh5.googleusercontent.com\/f9u30SWhgXC0GySVSQf7llt52j9hsUWcP9E_K1CDIo5JG3kHzkKBaQF9E56k95GkBmgl6NnC_En1ScBU7be4iHJfa6Iu3hNVK8z7dWcj4wOVuekhIx5F3F8U4it5QjxgmBX982Af\" alt=\"\" \/><\/figure>\n<p>Setelah selesai menambahkan URL JavaScript, simpan perubahan dengan menekan tombol\u00a0<strong>Save all settings<\/strong>.<\/p>\n<p>Untuk memastikan keberhasilan render-blocking JavaScript dan CSS, masuk ke halaman Google PageSpeed Insights untuk mengecek apakah render-blocking sudah bisa teratasi. Dari screenshot di bawah ini, dapat diketahui bahwa mengelola pengaturan W3 total cache ternyata bisa mengatasi error JavaScript and CSS.<\/p>\n<figure class=\"wp-block-image\"><img decoding=\"async\" class=\"aligncenter\" src=\"https:\/\/lh5.googleusercontent.com\/52A8PaGZ_0fQ9W6hwiRvXMRGA09ZUzoCGxKkt_df8q_p8wOMttNDofNwFx8LrrwWNQlkCkUtHvMwflbFv4PWiDn9y8qj5t5TrdWUOpfq6Lqnw4BbeThD7lk6yHx8XbF-HMyQCv1j\" alt=\"\" \/><\/figure>\n<p>Setelah melakukan kedua panduan di atas, Anda perlu tahu\u00a0cara menggunakan Google Page Speed. Agar Anda bisa membedakan hasil speed website yang sudah diperbaiki dan diperkecil (minify) filenya menggunakan kedua plugin di atas.<\/p>\n<h2 id=\"h-kesimpulan\"><span id=\"Kesimpulan\">Kesimpulan<\/span><\/h2>\n<p>Render-blocking memberi pengaruh negatif pada kecepatan dan performa website WordPress Anda. Pada panduan kali ini Anda telah mempelajari cara memperbaiki Render-Blocking JavaScript and CSS di website Anda. Meskipun website Anda masih memiliki skrip dan stylesheet render-blocking yang diperlukan, tutorial ini diharapkan dapat membantu Anda dalam menangani masalah seperti ini.<\/p>\n<p>Demikian panduan mengenai cara memperbaiki Render-Blocking JavaScript and CSS Jika masih ada pertanyaan jangan sungkan untuk meninggalkan di kolom komentar.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apakah Anda ingin menghilangkan render blocking\u00a0JavaScript\u00a0dan\u00a0CSS\u00a0di WordPress? Jika menguji\u00a0 website di Google PageSpeed, Anda akan melihat salah satu saran yang diberikan oleh Google adalah\u00a0 menghilangkan skrip render blocking JavaScript dan CSS. Pada artikel ini, kami akan menjelaskan cara mudah memperbaiki render blocking JavaScript dan CSS di WordPress untuk meningkatkan skor Google PageSpeed Anda. Cara Kerja [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":6057,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[5,8,10],"tags":[4,13,6,7,9],"class_list":["post-5326","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-teknologi","category-website","category-wordpress","tag-plugin","tag-tema","tag-tutorial","tag-website","tag-wordpress"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.3 (Yoast SEO v23.3) - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cara Memperbaiki Render-Blocking JavaScript and CSS<\/title>\n<meta name=\"description\" content=\"Cara memperbaiki render-blocking JavaScript and CSS untuk meningkatkan kecepatan loading website dan skor SEO di Google PageSpeed Insights.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cara Memperbaiki Render-Blocking JavaScript and CSS\" \/>\n<meta property=\"og:description\" content=\"Cara memperbaiki render-blocking JavaScript and CSS untuk meningkatkan kecepatan loading website dan skor SEO di Google PageSpeed Insights.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html\" \/>\n<meta property=\"og:site_name\" content=\"Blog Pediaon\" \/>\n<meta property=\"article:published_time\" content=\"2026-10-19T01:43:29+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-06-24T03:25:15+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.pediaon.com\/blog\/wp-content\/uploads\/2026\/06\/Cara-Memperbaiki-Render-Blocking-JavaScript-and-CSS.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"1040\" \/>\n\t<meta property=\"og:image:height\" content=\"500\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"author\" content=\"Soni Indratmoko\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Soni Indratmoko\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html\",\"url\":\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html\",\"name\":\"Cara Memperbaiki Render-Blocking JavaScript and CSS\",\"isPartOf\":{\"@id\":\"https:\/\/www.pediaon.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.pediaon.com\/blog\/wp-content\/uploads\/2026\/06\/Cara-Memperbaiki-Render-Blocking-JavaScript-and-CSS.webp\",\"datePublished\":\"2026-10-19T01:43:29+00:00\",\"dateModified\":\"2026-06-24T03:25:15+00:00\",\"author\":{\"@id\":\"https:\/\/www.pediaon.com\/blog\/#\/schema\/person\/2e7d44f3d6a5bab9b9e60b19fdc72c00\"},\"description\":\"Cara memperbaiki render-blocking JavaScript and CSS untuk meningkatkan kecepatan loading website dan skor SEO di Google PageSpeed Insights.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#primaryimage\",\"url\":\"https:\/\/www.pediaon.com\/blog\/wp-content\/uploads\/2026\/06\/Cara-Memperbaiki-Render-Blocking-JavaScript-and-CSS.webp\",\"contentUrl\":\"https:\/\/www.pediaon.com\/blog\/wp-content\/uploads\/2026\/06\/Cara-Memperbaiki-Render-Blocking-JavaScript-and-CSS.webp\",\"width\":1040,\"height\":500,\"caption\":\"Cara Memperbaiki Render-Blocking JavaScript and CSS\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.pediaon.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Cara Memperbaiki Render-Blocking JavaScript and CSS\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.pediaon.com\/blog\/#website\",\"url\":\"https:\/\/www.pediaon.com\/blog\/\",\"name\":\"Blog Pediaon\",\"description\":\"Artikel Tips Digital Marketing &amp; Berita Website Terbaru\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.pediaon.com\/blog\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.pediaon.com\/blog\/#\/schema\/person\/2e7d44f3d6a5bab9b9e60b19fdc72c00\",\"name\":\"Soni Indratmoko\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.pediaon.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/52bfeee1a9c39b9b35b4cd9cf40b5ec8afad9025fd2b187f7f560d86091e65b3?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/52bfeee1a9c39b9b35b4cd9cf40b5ec8afad9025fd2b187f7f560d86091e65b3?s=96&d=mm&r=g\",\"caption\":\"Soni Indratmoko\"},\"sameAs\":[\"https:\/\/www.pediaon.com\/blog\"],\"url\":\"https:\/\/www.pediaon.com\/blog\/author\/soniindratmoko\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Cara Memperbaiki Render-Blocking JavaScript and CSS","description":"Cara memperbaiki render-blocking JavaScript and CSS untuk meningkatkan kecepatan loading website dan skor SEO di Google PageSpeed Insights.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html","og_locale":"en_US","og_type":"article","og_title":"Cara Memperbaiki Render-Blocking JavaScript and CSS","og_description":"Cara memperbaiki render-blocking JavaScript and CSS untuk meningkatkan kecepatan loading website dan skor SEO di Google PageSpeed Insights.","og_url":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html","og_site_name":"Blog Pediaon","article_published_time":"2026-10-19T01:43:29+00:00","article_modified_time":"2026-06-24T03:25:15+00:00","og_image":[{"width":1040,"height":500,"url":"https:\/\/www.pediaon.com\/blog\/wp-content\/uploads\/2026\/06\/Cara-Memperbaiki-Render-Blocking-JavaScript-and-CSS.webp","type":"image\/webp"}],"author":"Soni Indratmoko","twitter_card":"summary_large_image","twitter_misc":{"Written by":"Soni Indratmoko","Est. reading time":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html","url":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html","name":"Cara Memperbaiki Render-Blocking JavaScript and CSS","isPartOf":{"@id":"https:\/\/www.pediaon.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#primaryimage"},"image":{"@id":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#primaryimage"},"thumbnailUrl":"https:\/\/www.pediaon.com\/blog\/wp-content\/uploads\/2026\/06\/Cara-Memperbaiki-Render-Blocking-JavaScript-and-CSS.webp","datePublished":"2026-10-19T01:43:29+00:00","dateModified":"2026-06-24T03:25:15+00:00","author":{"@id":"https:\/\/www.pediaon.com\/blog\/#\/schema\/person\/2e7d44f3d6a5bab9b9e60b19fdc72c00"},"description":"Cara memperbaiki render-blocking JavaScript and CSS untuk meningkatkan kecepatan loading website dan skor SEO di Google PageSpeed Insights.","breadcrumb":{"@id":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#primaryimage","url":"https:\/\/www.pediaon.com\/blog\/wp-content\/uploads\/2026\/06\/Cara-Memperbaiki-Render-Blocking-JavaScript-and-CSS.webp","contentUrl":"https:\/\/www.pediaon.com\/blog\/wp-content\/uploads\/2026\/06\/Cara-Memperbaiki-Render-Blocking-JavaScript-and-CSS.webp","width":1040,"height":500,"caption":"Cara Memperbaiki Render-Blocking JavaScript and CSS"},{"@type":"BreadcrumbList","@id":"https:\/\/www.pediaon.com\/blog\/cara-memperbaiki-render-blocking-javascript-and-css.html#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.pediaon.com\/blog"},{"@type":"ListItem","position":2,"name":"Cara Memperbaiki Render-Blocking JavaScript and CSS"}]},{"@type":"WebSite","@id":"https:\/\/www.pediaon.com\/blog\/#website","url":"https:\/\/www.pediaon.com\/blog\/","name":"Blog Pediaon","description":"Artikel Tips Digital Marketing &amp; Berita Website Terbaru","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.pediaon.com\/blog\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/www.pediaon.com\/blog\/#\/schema\/person\/2e7d44f3d6a5bab9b9e60b19fdc72c00","name":"Soni Indratmoko","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.pediaon.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/52bfeee1a9c39b9b35b4cd9cf40b5ec8afad9025fd2b187f7f560d86091e65b3?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/52bfeee1a9c39b9b35b4cd9cf40b5ec8afad9025fd2b187f7f560d86091e65b3?s=96&d=mm&r=g","caption":"Soni Indratmoko"},"sameAs":["https:\/\/www.pediaon.com\/blog"],"url":"https:\/\/www.pediaon.com\/blog\/author\/soniindratmoko"}]}},"_links":{"self":[{"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/posts\/5326","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/comments?post=5326"}],"version-history":[{"count":1,"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/posts\/5326\/revisions"}],"predecessor-version":[{"id":5679,"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/posts\/5326\/revisions\/5679"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/media\/6057"}],"wp:attachment":[{"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/media?parent=5326"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/categories?post=5326"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.pediaon.com\/blog\/wp-json\/wp\/v2\/tags?post=5326"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}