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">
<!-- /*<b:skin>
<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
<!--</head>--></head>
- Yang terakhir, cari kode </body>
- Kalian ganti dengan kode dibawah ini
<!--</body>--></body>
- Sekarang kalian save lalu lihat apakah ada perbedaannya / engga.
Situs Untuk Cek Kecepatan Loading Blog :
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
semula pas di test di google 88
ReplyDeletesetelah coba cara di atas langsung naik 96
mantab djiwa!!!!
Ya gan, karena kode yang di hosting memberatkan :3 apalgi kalo ga di pake kan percuma :V
Deletejozzzzz gan scriptnya, cocok buat blog yang pake widget FP sama G+ Badge, cssnya gk jadi "CSS Siluman" lagi, yg cuma muncul pas di crawl google :v
ReplyDeleteYa gan, kadang ga di pake juga tetep muncul :3
DeleteKalau css nya ada di bagian style gimana min
ReplyDeleteSeperti gimana gan?
DeleteCoba ss
Ini blog keren!
ReplyDeleteBentar, follow dulu biar anget
Wah terima kasih gan (y)
Deletemas, share cara bikin kolom komentar kaya blog ini dong
ReplyDeleteShow Hide?
DeleteSudah ada gan, coba cari di kolom search, Komentar Blog Show Hide
thanks bro.
ReplyDeleteIya pernah juga cek gtmetrix disuruh ngilangin css itu. Tapi apakah ga ada pengaruhnya sama blog mas?
ReplyDeleteTakutnya beberapa fungsi hilang setelah kode dihapus
Untuk template saya sendiri, karena dari awal sudah tidak menggunakan kode bawaan blogger untuk menghindari error HTML5 kayanya aman-aman saja gan.
DeleteTapi Kalo yang menggunakan template bawaan blogger kayanya berpengaruh(aga acak2an).
Min, bagi tips dong gimana cara mempercepat loading tapi pake komentar disqus. Temen saya pakai komentar disqus tapi loadingnya tidak berat seperti saya.
ReplyDeleteCoba javascriptnya di defer, nanti disqus akan muncul setelah semua halaman page termuat.
Deletekalau seperti di gambar itu ada pengaruhnya nggak? http://image.prntscr.com/image/ef674da013514f9aacd1c9d34afdb4ae.png
ReplyDeleteItu memuat apa? feed post atau apa?
Deleteitu mah saya namain script siluman, soalnya kalau dicek lewat html gk ada, tapi pas diliat lewat source dari blognya langsung, malah muncul...
ReplyDeleteIya gan, google menambahkan scriptnya ketika page di load :3
DeleteMas kalo script di blog mastrigus bisa hilang, dengan cara apa masih tanda ?
ReplyDeleteBlog blog mastrigus siapa gan n scriptnya seperti apa?
DeleteAlamatnya mastrigus.com. tutorial seperti pos ini adalah untuk mematikan script dan masih bisa di lihat dengan view-source, tapi di blog mastrigus scriptnya hilang saat di view-source
DeleteOh, itu lumayan mudah gan..
DeleteNanti sya tambahkan di postingan (y)
Thank atas komennya :)
Duh bener dah ni script bawaan memang memgganggu...dl pernah pake cara ini..tp setelah ganti template lupa nerapinnya...thx sudah mengingatkan
ReplyDeleteRequest dong Gan leverage browser chacing yg script kek /feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999
ReplyDeleteSaya Cari ngatasinnya di gugel gk Ada masalah pagespeed tgl yg INI doang
Terimakasih gan tutorialnya, sangat bermanfaat
ReplyDeleteWwwm.everwhitecream.com
Artikel yang bermanfaat. semoga bisa saya terapkan di blog saya. Terima kasih.
ReplyDeleteTrik itu jitu seolah meningkatkan kecepatan loading, tapi membuat reply komentar tdk berfungsi, mas. Gimana cara ngatasinnya ya.
ReplyDelete😊😊😊
Ngga ngaruh bro, punya saya masih jalan. (y)
DeleteBlogger percobaanku jadi oversimplified gara-gara script ini wwkwwkkwkwkkwk
ReplyDelete