Sumpuk.Net

Berbagi cerita dan pengalaman

  • Home
  • Blog
  • About
  • Contact

Cara Mengatasi JavaScript Yang Memblokir Rendering

Postingan kali ini adalah tentang Cara Mengatasi JavaScript Yang Memblokir Rendering di konten paruh atas pada template blogspot.

Memiliki blog yang cepat loading-nya adalah dambaan setiap blogger. Sebab, blog yang mempunyai respon cepat akan disenangi visitor, dan kemungkinan besar mereka akan kembali mengunjungi blog kita.

Sebaliknya, jika loading blog Anda lambat atau bahkan sangat lambat, akibat pertama yang akan timbul adalah visitor blog akan menurun. Makin lambat loading blog, makin besar pula potensi hilangnya visitor.

Sebagus apapun sebuah blog, tidak akan berarti jika sepi pengunjung. Untuk itu kita harus selalu melakukan optimasi, seperti memilih template yang ringan, mengurangi widget yang tidak penting pada sidebar, mengompres gambar sebelum di upload, dan seterusnya.

Jika semua optimasi telah di lakukan, langkah berikutnya adalah melakukan pengujian. Silakan buka https://developers.google.com/speed/pagespeed/insights lalu masukkan url blog yang akan di uji.

Cara Mengatasi JavaScript Yang Memblokir Rendering
Cara Mengatasi JavaScript Yang Memblokir Rendering

 

Jika hasil pengujian menunjukkan bahwa blog Anda bagus, dengan tanda icon yang berwarna hijau dan skor di atas 80, berarti optimasi yang Anda lakukan pada blog Anda berhasil.

Namun jika nilai skor yang Anda dapatkan masih rendah, ditandai dengan ikon yang berwarna kuning, berarti Anda masih harus melakukan optimasi lagi.

Seperti pengalaman saya ini. Awalnya saya tidak tahu harus melakukan apa lagi untuk meningkatkan kecepatan salah satu blog yang saya miliki. Padahal saya telah melakukan semua otimasi, namun ketika di uji, hasilnya masih belum sesuai harapan.

Blog belum optimal

Setelah saya buka bagian Rekomendasi Pengoptimalan, saya dapati bahwa ada JavaScript yang menghalangi atau memblokir rendering di konten paruh atas dan direkomendasikan untuk di hilangkan agar loading blog lebih cepat. Seperti terlihat pada gambar di bawah ini.

Rekomendasi pengoptimalan blog

Sebenarnya cara yang paling mudah untuk mengatasi masalah ini adalah dengan membuang file jquery tersebut. Namun saya tidak mau membuangnya, sebab saya masih memerlukan beberapa fitur yang dimiliki oleh jquery untuk keindahan blog saya.

Yang saya inginkan adalah blog tetap indah dan enak dilihat serta mempunyai loading yang relatif cepat.

Ternyata ada cara untuk memperbaiki loading blog meski kita tetap mempertahankan file javascript jquery pada template blog kita. Cara sangat mudah, cukup dengan menambahkan kode async=’async’ pada baris javascript jquery. Lebih jelasnya lihat langkah-langkah di bawah ini.

Cara Mengatasi JavaScript Yang Memblokir Rendering

  • Masuk ke Dashboard Blogspot Anda
  • Pilih Theme
  • Klik Edit HTML
  • Cari kode jquery.min.js dengan cara tekan Ctrl+F lalu tulis jquery.min.js
  • Tambahkan kode async=’async’ pada baris javascript jquery tersebut. Lihat gambar di bawah ini:
Cara Mengatasi JavaScript Yang Memblokir Rendering 
Tambahkan kode async=’async’ pada baris javascript jquery
  • Simpan template Anda

Setelah itu, silakan cek kembali kecepatan loading blog Anda menggunakan Google pages peed insight.

Demikianlah tips sederhana cara mengatasi JavaScript yang memblokir rendering konten paruh atas pada template blogspot.

Baca juga,

Pengalaman Mendaftar AdSense Full Approved Dalam 5 Hari

FacebookTweet

Filed Under: Blogging Tagged With: Blogspot, Template

Comments

  1. sofyan says

    31 Mei 2019 at 23:08

    BERMANFAAT GAN. UPDATE TERUS SUPAYA LEBIH KONSISTEN

    Balas
  2. Javastar Garmindo says

    13 Agustus 2019 at 10:33

    Untuk di wordpress gimana yah gan?

    Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Search

Recent Posts

Cara Mudah Transfer Saldo OVO ke ShopeePay

Cara Mudah Nonton Pertandingan Juventus di Liga Champions Secara Live

Tips Memilih Konsultan Hukum untuk Perusahaan

Cara Nonton Live Streaming Shopee Liga 1 2020 Menggunakan Aplikasi Vidio




Kategori

Copyright © Sumpuk.Net