Menghilangkan Css Yang Memblokir Di Blog
Friday, June 9, 2017
Add Comment
Ketika sahabat menggunakan pagespeed insights dari google untuk menyelidiki kecepatan loading blog sobat, dan menggunakan blogger sebagai hosting blog sobat, niscaya muncul saran pengoptimalan yang memungkinkan ialah menghilangkan JavaScript dan CSS yang memblokir perenderan di konten paruh atas. Karena memang ada kode javascript (.js) atau cascading style sheets (.css) bawaan blogger yang dirender dari luar dan disematkan dalam bentuk link alamat pada template default dari blogger.
Untuk menghapus arahan css widget blogger dan menciptakan loading blog menjadi lebih cepat, kita sanggup memperbaikinya dengan memasukkan arahan css eksternal itu ke dalam tema html dari blog kita pada badan dari tag head. Seperti yang saya lakukan pada blog dewainside ini. Sobat sanggup memeriksanya sendiri jikalau memang penasaran.
Note : Dengan menghapus arahan widget bundle.css blogger biasanya akan menciptakan munculnya gambar obeng dan kunci serta pensil yang sanggup muncul di tampilan pada pengunjung blog. Anda sanggup menghilangkannya dengan cara berikut : Menghilangkan gambar obeng dan kunci atau menghapus gambar pensil.
Untuk menghapus arahan css widget blogger dan menciptakan loading blog menjadi lebih cepat, kita sanggup memperbaikinya dengan memasukkan arahan css eksternal itu ke dalam tema html dari blog kita pada badan dari tag head. Seperti yang saya lakukan pada blog dewainside ini. Sobat sanggup memeriksanya sendiri jikalau memang penasaran.
Note : Dengan menghapus arahan widget bundle.css blogger biasanya akan menciptakan munculnya gambar obeng dan kunci serta pensil yang sanggup muncul di tampilan pada pengunjung blog. Anda sanggup menghilangkannya dengan cara berikut : Menghilangkan gambar obeng dan kunci atau menghapus gambar pensil.
Menghilangkan widget css bundle yang memblokir perenderan di konten paruh atas
Cara 1. Menghilangkan dengan b:css='false'
Cukup dengan menambahkan arahan b:css='false' pada html template awal blog kamu. |
| b:css ='false' |
Cara 2. Menghilangkan dengan mengubah tag head
Langkah 1. Mengganti arahan html tag pembuka dan epilog head<head> dengan <head>dan pada tag epilog head :
</head> dengan </head><!--<head/>-->
**Kalau dicek lagi masih ada bundle.css yang memblokir maka lanjut ke langkah 2. Biasa hal ini terjadi untuk template default bawaan blogger. Umumnya tidak terjadi pada template external.
Lihat link widget bundle.css blogger di pengujian pagespeed insight pada situs yang sahabat uji.
Untuk lebih mudahnya berikut di bawah sudah saya cantumkan alamat link arahan bundle.css dari blogger untuk tampilan desktop ataupun mobile.
 |
| link widget bundle.css blogger |
https://www.blogger.com/static/v1/widgets/1171200566-widget_css_mobile_2_bundle.css
https://www.blogger.com/static/v1/widgets/3213516723-css_bundle_v2.css
Setelah sahabat membuka dua link css berbeda di atas, copy konten dari arahan css blogger tersebut dan paste sesuai dengan pengkondisian tampilan mobile dan desktop pada goresan pena yang saya beri warna merah di bawah ini :
Untuk lebih mudahnya, sahabat sanggup menggunakan notepad++ atau pribadi buka Edit HTML pada Tema blog sobat.
<head>Masukkan arahan di atas yang sudah sahabat maksimalkan setelah tag pembuka <head> atau sebelum tag epilog </head><!--<head/>--> yang sahabat edit pada Langkah 1 seperti gambar berikut:
.
.
.
<b:if cond="data:blog.isMobile">
<style type="text/css">
------KODE CSS_Mobile_2_Bundle.css DISINI --------------
</style>
<b:else/>
<style type="text/css">
------KODE CSS_2_Bundle.css DISNI --------------
</style>
</b:if>
.
.
.
</head><!--<head/>-->
Langkah 3. Simpan Tema blogger sobat.
Selamat blog anda sudah terhindar dari JavaScript dan widget CSS bundle yang memblokir perenderan di konten paruh atas.
0 Response to "Menghilangkan Css Yang Memblokir Di Blog"
Post a Comment
Blog ini merupakan Blog Dofollow, karena beberapa alasan tertentu, sobat bisa mencari backlink di blog ini dengan syarat :
1. Tidak mengandung SARA
2. Komentar SPAM dan JUNK akan dihapus
3. Tidak diperbolehkan menyertakan link aktif
4. Berkomentar dengan format (Name/URL)
NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!".
Klik subscribe by email agar Anda segera tahu balasan komentar Anda