Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger - Hallo sahabat Didhiksty Blog, Pada Artikel yang anda baca kali ini dengan judul Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan
Artikel Seo, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.
Judul : Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger
link : Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger
Apa itu CSS widget bawaan blogger?
Yaitu CSS bawaan dari setiap template yang ada di blog dengan fungsi agar widget-widget dapat tampil dengan semestinya. Contoh CSSnya bisa anda lihat disini:
https://www.blogger.com/static/v1/widgets/3730162741-widget_css_bundle.css
Sudah anda lihat link diatas? Begitu banyak kodenya bukan?
Hal inilah yang membuat blog anda melambat, terlebih script ini diload secara bersamaan dengan blog atau lebih sering disebut synchronous. Selain itu, CSS ini juga tidak terlalu berguna dikarenakan hanya widget-widget yang jarang dipakai yang rusak tampilannya.
Nah masalahnya ketika anda ingin menghapusnya, script ini tidak akan anda temukan didalam Edit HTML pada Tema. Anda hanya bisa menemukannya bila menginspect blog tersebut. Berhubung script ini berada di tag head, jadi inilah waktu yang tepat kita belajar memanipulasi lagi!
Mungkin ada minusnya dari melakukan cara yang satu ini, yaitu beberapa widget seperti contact form yang berubah bentuk menjadi simpel. Tetapi tenang saja anda dapat menggantinya dengan widget pihak ketiga lainnya atau mendesain ulang sendiri...
Anda sekarang membaca artikel Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger dengan alamat link https://didhiksty.blogspot.com/2018/03/mengatasi-render-blocking-css-delivery.html
Judul : Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger
link : Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger
Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger
Pada artikel seputar Google PageSpeed Insights ini saya akan membagikan cara mengatasi render-blocking (css delivery) untuk CSS widget bawaan blogger. Render-blocking merupakan masalah yang timbul dikarenakan script eksternal besar yang diload secara synchronous didalam blog, sehingga pengunjung yang jaringannya jelek akan melihat tampilan blank saat membuka blog tersebut.
Penjelasan
Apa itu CSS widget bawaan blogger?
Yaitu CSS bawaan dari setiap template yang ada di blog dengan fungsi agar widget-widget dapat tampil dengan semestinya. Contoh CSSnya bisa anda lihat disini:
https://www.blogger.com/static/v1/widgets/3730162741-widget_css_bundle.css
Sudah anda lihat link diatas? Begitu banyak kodenya bukan?
Hal inilah yang membuat blog anda melambat, terlebih script ini diload secara bersamaan dengan blog atau lebih sering disebut synchronous. Selain itu, CSS ini juga tidak terlalu berguna dikarenakan hanya widget-widget yang jarang dipakai yang rusak tampilannya.
Cara Mengatasi
Nah masalahnya ketika anda ingin menghapusnya, script ini tidak akan anda temukan didalam Edit HTML pada Tema. Anda hanya bisa menemukannya bila menginspect blog tersebut. Berhubung script ini berada di tag head, jadi inilah waktu yang tepat kita belajar memanipulasi lagi!
- Seperti bisa, sekarang silakan anda buka blogger.com > Tema > Edit HTML
- Klik disembarang kode, lalu tekan Ctrl + F sehingga muncul kotak pencarian kode
- Sekarang ketikkan kode ini didalam kotak pencarian lalu tekan enter
<head>
- Bila sudah ketemu, silakan hapus dan ganti kode tersebut menjadi seperti ini:
<head>
- Selesai, sekarang kembali ke kotak pencarian, lalu cari lagi kode ini:
</head>
- Hapus kode tersebut dan ganti dengan ini:
<textarea readonly disabled style='display:none'>
<!--<head/>-->
</textarea>
<head/>
- Selesai, sekarang simpan template lalu cek kembali apakah masalah masih tetap muncul atau sudah terselesaikan.
Penutup
Mungkin ada minusnya dari melakukan cara yang satu ini, yaitu beberapa widget seperti contact form yang berubah bentuk menjadi simpel. Tetapi tenang saja anda dapat menggantinya dengan widget pihak ketiga lainnya atau mendesain ulang sendiri...
Sumber https://blog.kodejarwo.com/2017/09/mengatasi-render-blocking-css-delivery.html
Demikianlah Artikel Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger
Sekianlah artikel Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Mengatasi Render Blocking & CSS Delivery Widget Bundle Blogger dengan alamat link https://didhiksty.blogspot.com/2018/03/mengatasi-render-blocking-css-delivery.html
Hello, my name is Didhik Stya. I'm a 27 year old self-employed Pirate from the Caribbean.
No comments:
Post a Comment