Cara memperbaiki widget_css_bundle.css pada blog – Pernahkah anda mengetes kecepatan blog anda di PageSpeed Insight miliknya google. Pagespeed Insight adalah salah satu alat tes kecepatan selain GT Metrix.
Bedanya apa PageSpeed Insight sama GT Matrix kalau menurut penilaian saya sih tidak ada beda yang terlalu mencolok. Sama sama memberikan penilaian speed blog kita dan memerikan rekomendasi apa yang diperbaiki.
Disini saya akan membahas tentang penilaian pagespeed insight pada salah satu blog yang saya kelola termasuk blog ini. Salah satunya errornya berbunyi … widget_css_bundle.css kira-kira begitulah errornya yang tampil, atau lebih jelasnya lihat gambar berikut ini. Dengan adanya salah satu error tersebut penilaian dari pagespeed menurun tajam setajam silet he..he..he..
Sebenarnya selain itu adalah banyak factor lainnya, tapi yang paling dominan adalah Error Java Script, CSS dan Optimasi gambar.
Baca Juga : Optimasi gambar postingan sebelum di upload pada artikel blog anda
1. Masuk dasborb blog anda
2. Pilih template kemudian klik Edit HTML
3. Cari kode <head> ganti dengan kode berikut ini
4. Kemudian cari lagi kode </head> ganti dengan
5. Jika sudah klik Simpan template dan lihat blog anda
Kita sudah melakukan langkah awal untuk memperbaiki error widget_css_bundle.css, masih ada langkah-langkah lain yang harus anda lakukan sebelum anda test lagi di Pagespeed Insight.
1. Lihat halaman blog anda:
2. Klik kanan halaman blog anda atau klik Ctrl+U atau klik kanan, pilih view page source
3. Pada halaman view page source cari kode yang seperti dibawah ini
4. Setelah ketemu copy kode tersebut, simpan di notepad untuk sementara
5. Kembali kehalaman blog anda, tambahkan kode ?m=1 dibelakang alamat blog, atau seperti berikut
6. Jika sudah klik kanan pilih view page source cari kode yang hampir sama seperti berikut ini
7. Jika sudah ketemu copy lagi kode tersebut letakkan di notepad dengan kode yang sebelumnya.
Jika ke tujuh langkah diatas sudah dikerjakan maka langkah berikutnya adalah memasang kode tersebut di dalam template,
1. Kembali ke dashboard template anda
2. Cari kode </b:skin>
3. Jika sudah copy kode berikut ini, letakkan diatas kode </b:skin>
4. Jika sudah lettakkan kode-kode yang ada dinotepad persis ditulisan tersebut jangan sampai terbalik
5. simpan template
Sekarang lihat halaman blog anda kemudian cek di pagespeed lagi atau beri jarak beberapa menit. agar ada jeda waktu untuk prosesnya.
Lihat apakah ada perubahan nilai kecepatan blog anda… semoga berhasil. Cek dengan pagespeed insight dan GT Matrix
Demikian Cara memperbaiki "widget_css_bundle.css" pada blog di pagespeed Insight. Perlu diketahui bahwa kecepatan loading blog sangat berpengaruh dalam SEO.
Atau bisa diibaratkan bagaimana jika anda membuka halaman blog tetapi loadingnya lama walaupun isi artikelnya bagus, pasti anda akan beralaih lagi atau mencari sumber yang lain.
Jadi tetap jaga kestabilan loading blog anda agar pembaca betah berkunjung di blog anda.
Jika dalam pemasangan ada kesulitan silahkan tinggalkan komentar mengingat tidak semua template sama formatnya.
Bedanya apa PageSpeed Insight sama GT Matrix kalau menurut penilaian saya sih tidak ada beda yang terlalu mencolok. Sama sama memberikan penilaian speed blog kita dan memerikan rekomendasi apa yang diperbaiki.
Disini saya akan membahas tentang penilaian pagespeed insight pada salah satu blog yang saya kelola termasuk blog ini. Salah satunya errornya berbunyi … widget_css_bundle.css kira-kira begitulah errornya yang tampil, atau lebih jelasnya lihat gambar berikut ini. Dengan adanya salah satu error tersebut penilaian dari pagespeed menurun tajam setajam silet he..he..he..
Sebenarnya selain itu adalah banyak factor lainnya, tapi yang paling dominan adalah Error Java Script, CSS dan Optimasi gambar.
Baca Juga : Optimasi gambar postingan sebelum di upload pada artikel blog anda
Berikut ini cara menangani error widget_css_bundle.css pada blog :
1. Masuk dasborb blog anda
2. Pilih template kemudian klik Edit HTML
3. Cari kode <head> ganti dengan kode berikut ini
<head>
4. Kemudian cari lagi kode </head> ganti dengan
</head><!--<head/>-->
5. Jika sudah klik Simpan template dan lihat blog anda
Kita sudah melakukan langkah awal untuk memperbaiki error widget_css_bundle.css, masih ada langkah-langkah lain yang harus anda lakukan sebelum anda test lagi di Pagespeed Insight.
Langkah berikutnya adalah sebagai berikut :
1. Lihat halaman blog anda:
Namabloganda.blogspot.co.id
2. Klik kanan halaman blog anda atau klik Ctrl+U atau klik kanan, pilih view page source
3. Pada halaman view page source cari kode yang seperti dibawah ini
https://www.blogger.com/static/v1/widgets/3414295837-widget_css_bundle.css
4. Setelah ketemu copy kode tersebut, simpan di notepad untuk sementara
5. Kembali kehalaman blog anda, tambahkan kode ?m=1 dibelakang alamat blog, atau seperti berikut
Namabloganda.blogspot.co.id ?m=1
6. Jika sudah klik kanan pilih view page source cari kode yang hampir sama seperti berikut ini
https://www.blogger.com/static/v1/widgets/2950894658-widget_css_mobile_bundle.css
7. Jika sudah ketemu copy lagi kode tersebut letakkan di notepad dengan kode yang sebelumnya.
Jika ke tujuh langkah diatas sudah dikerjakan maka langkah berikutnya adalah memasang kode tersebut di dalam template,
1. Kembali ke dashboard template anda
2. Cari kode </b:skin>
3. Jika sudah copy kode berikut ini, letakkan diatas kode </b:skin>
<b:if cond="data:blog.isMobile">
<style type="text/css">
------Letakkan kode CSS_Mobile_2_Bundle.css (css tampilan mobile) DISINI --------------
</style>
<b:else/>
<style type="text/css">
------Letakkan kode CSS_2_Bundle.css (css tampilan destkop) DISINI --------------
</style>
</b:if>
<style type="text/css">
------Letakkan kode CSS_Mobile_2_Bundle.css (css tampilan mobile) DISINI --------------
</style>
<b:else/>
<style type="text/css">
------Letakkan kode CSS_2_Bundle.css (css tampilan destkop) DISINI --------------
</style>
</b:if>
4. Jika sudah lettakkan kode-kode yang ada dinotepad persis ditulisan tersebut jangan sampai terbalik
5. simpan template
Sekarang lihat halaman blog anda kemudian cek di pagespeed lagi atau beri jarak beberapa menit. agar ada jeda waktu untuk prosesnya.
Lihat apakah ada perubahan nilai kecepatan blog anda… semoga berhasil. Cek dengan pagespeed insight dan GT Matrix
Demikian Cara memperbaiki "widget_css_bundle.css" pada blog di pagespeed Insight. Perlu diketahui bahwa kecepatan loading blog sangat berpengaruh dalam SEO.
Atau bisa diibaratkan bagaimana jika anda membuka halaman blog tetapi loadingnya lama walaupun isi artikelnya bagus, pasti anda akan beralaih lagi atau mencari sumber yang lain.
Jadi tetap jaga kestabilan loading blog anda agar pembaca betah berkunjung di blog anda.
Jika dalam pemasangan ada kesulitan silahkan tinggalkan komentar mengingat tidak semua template sama formatnya.