Mempercepat Loading Blog Dengan Menghapus Script Bawaan Blogger

Tutorial Cara Mempercepat Loading Blog Dengan Menghapus Kode Script Bawaan Blogger

Menghilangkan Kode Javascript dan CSS Bawaan Blogger Untuk Percepat Loading Blog, halo sobat kali ini Blog Mas Tamvan akan berbagi sedikit trik untuk meringgankan loading halaman blog, agar ketika di test lewat pagespeed insight atau gtmetrix hasilnya bagus

Untuk mempercepat loading blog ada banyak cara dan banyak juga yang tidak ngefek :3 .Bisa dengan mengompres gambar thumbnail / post, Minify CSS, javascript, kurangi jQuery dan lain-lain

Tapi di tutorial ini saya akan memberikan cara menghapus css bawaan blogger agar loading blog menjadi lebih cepat.




Kode Script bawaan blogger yang memberatkan seperti
https://www.blogger.com/static/v1/widgets/124887373-widget_css_bundle.css, https://www.blogger.com/static/v1/widgets/449108565-widgets.js,
https://apis.google.com/js/plusone.js.

Dan ada lagi yang terbaru, Kode script cssnya berada di atas kode /head tapi ketika kita cek di template kodenya ga ada dan ketika link cssnya di buka ga ada isinya sama sekali tapi cukup memberatkan loading blog ketika kita cek di pagespeed insight, kira-kira kodenya seperti ini.
https://www.blogger.com/dyn-css/authorization.css?targetBlogID=6639899940255074394&zx=dcb98b04-c7d3-45fa-8010-504df7f23879

Mungkin untuk beberapa template yang sudah Valid HTML5 kode ini sudah ada, tapi buat kalian yang belum memasang kode ini bisa ikuti langkah-demi langkahnya dibawh ini. Kalo di template sobat sudah terpasang, jangan dipasang lagi ya.

• Login ke akun blogger kalian

• Masuk ke menu Template ? Edit HTML

• Sekarang kalian cari kode <b:skin>

• Kalo udah ketemu rubah dengan kode dibawah ini



<style type="text/css">
&lt;!-- /*<b:skin>




Kalo sudah ada kode ini di template sobat, berrarti ga usah di rubah lagi

<style type="text/css">
<!-- /*



Kalo tampilannya jadi brantakan, kode css di dalamnya pindahin, jangan taro di dalam b:skin. tapi taro di dalam style

<style type="text/css">
/*Taro Di Pembungkus style*/
disini
</style>

• Menghilangkan css baru bawaan google dyn-css/authorization.css

• Kalian cari kode </head>

• Kalo udah ketemu, ganti pake kode dibawah ini



&lt;!--</head>--&gt;&lt;/head&gt;

• Yang terakhir, cari kode </body>

• Kalian ganti dengan kode dibawah ini



&lt;!--</body>--&gt;&lt;/body&gt;




Kalo sudah seperti di atas, ga usah di ubah lagi

• Sekarang kalian save lalu lihat apakah ada perbedaannya / engga.

Situs Untuk Cek Kecepatan Loading Blog :

• gtmetrix.com


• Google Pagespeed Insights

Cukup sekian dan terima kasih, semoga artikel tentang Cara Mempercepat Loading Blog Dengan Cara Mengapus Kode CSS dan Javascript Bawaan Blogger ini semoga bermanfaat. Apabila ada yang mau ditanyakan, silahkan bertanya di kolom komentar