2 Cara Mengatasi Widget Bundle Css Error - Mempercepat Loading Blog
Tutorial: Tips & Trik Mempercepat Loading Blog, - Cara Menghapus, Menghilangkan, Mengatasi dan Memperbaiki Widget Bundle CSS File di Blogger
Suatu tema blogger di bangkit atas dasar dari beberapa elemen penting menyerupai HTML, CSS, dan JavaScript (Js). Template blogger yang baik dan berkualitas yakni template yang terbuka secara penuh 100% dengan cepat (Fast Loading) dikala dikunjungi.
Salah satu upaya yang dapat dilakukan untuk mempercepat loading blog yakni dengan cara menghapus elemen widget_css_bundle.css.
Nyatanya, elemen widget_css_bundle.css ini memperberat kecepatan loading situs web.
Untuk mengetahui ada atau tidaknya widget_css_bundle.css di template blogger yang kau gunakan, kau dapat cek di beberapa tools SEO dan Fast Loading, menyerupai PageSpeed Insight Google atau Varvy PageSpeed misalnya.
Kode widget widget_css_bundle.css lengkapnya menyerupai ini:
Kamu dapat eksklusif menghapus instruksi tersebut (Jika Ada). Jika tidak ada, dan ternyata instruksi widget_css_bundle.css masih terdeteksi; memang kodratnya sudah demikian -- kodenya tersembunyi (tidak kelihatan).
Pertanyaan, apa itu Bundle CSS? Pengertian Widget Bundle CSS File, -- disebut juga Render-Blocking CSS yakni ditemukannya sebuah script eksternal yang di load secara Synchronous di dalam template blogger.
Adanya Bundle CSS ini menjadikan tampilan situs web menjadi bermasalah dikala dikunjungi oleh pembaca dengan jaringan internet yang buruk.
Ada 2 cara yang dapat kau terapkan; tapi sebelum melaksanakan (implementasi) tutorial ini; alangkah baiknya baca terlebih dahulu dampak, efek, dan ancaman jelek dari menghapus Bundle CSS di Blogger yang ada di bawah Content ini.
Ubah instruksi di bawah ini:
...dengan instruksi ini:
Selanjutnya ubah instruksi yang ada di bawah ini:
...dengan instruksi ini:
Tutorial di atas merupakan langkah pertama. Selanjutnya, kau harus berhati-hati dalam mempraktekkannya. Baiknya, silakan backup template blogger terlebih dahulu.
Cari instruksi ini:
Jika sudah, kau akan melihat kode-kode CSS yang sangat banyak dan memanjang ke bawah. Salin (Copy) semua instruksi CSS ini, pindahkan ke Notepad.
Nantinya, yang tersisa hanyalah 2 buah instruksi yang saling berhubungan, antara instruksi b:skin awal dan b:skin selesai menyerupai ini:
Ubah 2 instruksi tersebut (diatas) dengan 2 buah instruksi di bawah ini:
...atau boleh juga di ganti (ubah) dengan instruksi di bawah ini:
Masih ingat dengan instruksi CSS yang sudah di simpan di Notepad tadi? Nah, instruksi CSS yang sudah di Copas ke Notepad tadi, digabungkan dengan instruksi di atas. Prakteknya begini:
Kemudian simpan template blogger menyerupai biasanya.
Jika diteliti lebih dalam, mengimplementasikan tutorial di atas tergolong mudah. Memang sih kecepatan loading blog akan bertambah, sayangnya beberapa widget bawaan Blogger/Blogspot tidak akan berfungsi.
Pernah meng-install tema blogger, kemudian dikala ditambahkan widget formulir kontak ternyata widget tersebut tidak bekerja sebagaimana mestinya? Dipastikan, Bundle CSS File dari tema blogger tersebut sudah di hapus oleh desainer template-nya.
Itu gres satu contoh, dan masalahnya di widget Form Contact. Beberapa widget lain yang bakal bermasalah menyerupai Recent Posts, Recent Post per Labels, Recent Comments, dan lainnya.
Untuk mengatasi problem beberapa widget yang tidak berfungsi, mau tidak mau kau harus memakai JavaScript (Js) khusus yang disediakan oleh desainer blogger theme tersebut. Itu pun bila ada, bila tidak ada ya sudah :)
Updated!!! Cara Mengatasi Render Blocking JavaScript (JS) di Template Blogger.
Source:
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error Sumber http://addbloggerthemes.blogspot.com
Suatu tema blogger di bangkit atas dasar dari beberapa elemen penting menyerupai HTML, CSS, dan JavaScript (Js). Template blogger yang baik dan berkualitas yakni template yang terbuka secara penuh 100% dengan cepat (Fast Loading) dikala dikunjungi.
Salah satu upaya yang dapat dilakukan untuk mempercepat loading blog yakni dengan cara menghapus elemen widget_css_bundle.css.
Nyatanya, elemen widget_css_bundle.css ini memperberat kecepatan loading situs web.
Untuk mengetahui ada atau tidaknya widget_css_bundle.css di template blogger yang kau gunakan, kau dapat cek di beberapa tools SEO dan Fast Loading, menyerupai PageSpeed Insight Google atau Varvy PageSpeed misalnya.
 |
| Pic: MyBloggerLab |
Kode widget widget_css_bundle.css lengkapnya menyerupai ini:
<link type='text/css' rel='stylesheet' href='//www.blogger.com/static/v1/widgets/454518911-widget_css_bundle.css' />
Kamu dapat eksklusif menghapus instruksi tersebut (Jika Ada). Jika tidak ada, dan ternyata instruksi widget_css_bundle.css masih terdeteksi; memang kodratnya sudah demikian -- kodenya tersembunyi (tidak kelihatan).
Memahami Masalah (Error) Widget Bundle CSS File di Blogger
Pertanyaan, apa itu Bundle CSS? Pengertian Widget Bundle CSS File, -- disebut juga Render-Blocking CSS yakni ditemukannya sebuah script eksternal yang di load secara Synchronous di dalam template blogger.
Widget Bundle CSS ini mempunyai istilah yang beragam; dapat di sebut juga dengan istilah CSS bawaan Blogger Theme. Jika bermasalah, istilahnya bermetamorfosis Render-Blocking CSS Delivery Widget Bundle Blogger.
Adanya Bundle CSS ini menjadikan tampilan situs web menjadi bermasalah dikala dikunjungi oleh pembaca dengan jaringan internet yang buruk.
2 Cara Mengatasi Widget Bundle CSS File - Mempercepat Loading Blog
Ada 2 cara yang dapat kau terapkan; tapi sebelum melaksanakan (implementasi) tutorial ini; alangkah baiknya baca terlebih dahulu dampak, efek, dan ancaman jelek dari menghapus Bundle CSS di Blogger yang ada di bawah Content ini.
Ubah instruksi di bawah ini:
<head>
...dengan instruksi ini:
<head>
Selanjutnya ubah instruksi yang ada di bawah ini:
</head>
...dengan instruksi ini:
</head><!--<head/>-->
Tutorial di atas merupakan langkah pertama. Selanjutnya, kau harus berhati-hati dalam mempraktekkannya. Baiknya, silakan backup template blogger terlebih dahulu.
Cari instruksi ini:
<b:skin><![CDATA[
Jika sudah, kau akan melihat kode-kode CSS yang sangat banyak dan memanjang ke bawah. Salin (Copy) semua instruksi CSS ini, pindahkan ke Notepad.
Nantinya, yang tersisa hanyalah 2 buah instruksi yang saling berhubungan, antara instruksi b:skin awal dan b:skin selesai menyerupai ini:
<b:skin><![CDATA[ ]]></b:skin>
Ubah 2 instruksi tersebut (diatas) dengan 2 buah instruksi di bawah ini:
<style type="text/css"> <!-- /* <b:skin><![CDATA[ */]]></b:skin>
...atau boleh juga di ganti (ubah) dengan instruksi di bawah ini:
<style type="text/css"> <!-- /*<b:skin><![CDATA[*/]]></b:skin>
Masih ingat dengan instruksi CSS yang sudah di simpan di Notepad tadi? Nah, instruksi CSS yang sudah di Copas ke Notepad tadi, digabungkan dengan instruksi di atas. Prakteknya begini:
<style type="text/css">
#outer-wrapper{width:1100px}#header-wrapper{width:100%;margin-top:0}#header1{float:left;width:20%}#header2{float:left;width:40%}#content-wrapper{width:100%}#ads-banner{width:64%}#ads-banner2{width:64%}#main-wrapper{float:left;width:50%}#sidebar-wrapper{float:left;width:28%}#post-left{float:left;width:33%}#post-right{float:left;width:33%}#footer{width:100%}body#layout ul {display: none}#layout ul{display:none}
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type="text/css">
...Paste (Tempel) instruksi CSS tersebut di sini...
</style>
#outer-wrapper{width:1100px}#header-wrapper{width:100%;margin-top:0}#header1{float:left;width:20%}#header2{float:left;width:40%}#content-wrapper{width:100%}#ads-banner{width:64%}#ads-banner2{width:64%}#main-wrapper{float:left;width:50%}#sidebar-wrapper{float:left;width:28%}#post-left{float:left;width:33%}#post-right{float:left;width:33%}#footer{width:100%}body#layout ul {display: none}#layout ul{display:none}
<!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type="text/css">
...Paste (Tempel) instruksi CSS tersebut di sini...
</style>
Kemudian simpan template blogger menyerupai biasanya.
Dampak dan Efek Buruk dari Menghapusnya Bundle CSS di Blogger
Jika diteliti lebih dalam, mengimplementasikan tutorial di atas tergolong mudah. Memang sih kecepatan loading blog akan bertambah, sayangnya beberapa widget bawaan Blogger/Blogspot tidak akan berfungsi.
Pernah meng-install tema blogger, kemudian dikala ditambahkan widget formulir kontak ternyata widget tersebut tidak bekerja sebagaimana mestinya? Dipastikan, Bundle CSS File dari tema blogger tersebut sudah di hapus oleh desainer template-nya.
Itu gres satu contoh, dan masalahnya di widget Form Contact. Beberapa widget lain yang bakal bermasalah menyerupai Recent Posts, Recent Post per Labels, Recent Comments, dan lainnya.
Untuk mengatasi problem beberapa widget yang tidak berfungsi, mau tidak mau kau harus memakai JavaScript (Js) khusus yang disediakan oleh desainer blogger theme tersebut. Itu pun bila ada, bila tidak ada ya sudah :)
Updated!!! Cara Mengatasi Render Blocking JavaScript (JS) di Template Blogger.
Source:
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error
candysweet-aina.blogspot.com/search?q=cara-mengatasi-render-blocking-j4vascript-error Sumber http://addbloggerthemes.blogspot.com
0 Response to "2 Cara Mengatasi Widget Bundle Css Error - Mempercepat Loading Blog"
Posting Komentar