Cara Compress Blogspot Yang Benar
Cara Compress Blogspot Yang Benar menurut Sejuta Trik Blogger adalah suatu cara optimasi blogspot menggunakan alat-alat website baik itu software (ofline) ataupun situs penyedia jasa compress (online) dengan maksud untuk mempercepat loading atau muat secara utuh suatu blog.
Di dalam SEO tentunya kecepatan atau loding suatu blog atau website menjadi pertimbangan bagi search engine agar tampil di posisi utama hasil pencarian. Memang saat blog kita lama memuat secara penuh juga akan membuat pengunjung blog kita kabur karena jengkel dengan loading blog yang sangat lama. Nah sahabat tidak ingin semua itu terjadi kan?
Setelah mondar-mandir di mbah google ternyata tutorial yang disajikan semuanya asal-asalan. Kenapa saya bilang asal-asalan, karena tidak mementingkan keselamatan dari blog pengunjung. (Mohon maaf jika kata-kata saya ini menyinggung blogger lain).
Saya sempat emosi, dikarenakan saya sudah percaya 100% eh ternyata setelah dipraktekkan blog menjadi rusak alias kurang sesuai harapan. Tapi tidak apa-apa dengan begitu saya jadi semangat menulis artikel ini. Bagi sahabat yang sudah mengalami kejadian seperti itu, saya harap setelah membaca artikel Cara Compress blogspot yang benar ini, kerusakan tidak terjadi lagi. Dan tujuan untuk mengkompress blogspot untuk mempercepat loading blogspot sesuai harapan.
Mari kita bahas dari langkah-langkahnya. Sebelum memulai kompresi blogspot diharapkan membaca ini :
a. Element Blogspot
Element Blogspot penyusun template kurang lebih ada tiga (3) pilar utama yaitu Cascading Style Sheet (CSS), Java Script, dan HTML.
b. Dari ketiga (3) macam element tadi harus dikompresi tersendiri.
c. Perhatian! Jangan mengcopy seluruh kode mulai dari <b:skin><![CDATA[ hingga ]]></b:skin> secara total dan mengcompress nya di tool compressor.
d. Backup dulu Template Sahabat sebelum melakukan kompresi
e. Kesabaran dan Ketelitian
f. Berdo'a
Jika dirasa sudah paham dan dilakukan, kita mulai dari CSS
1. Cascading Style Sheet (CSS)
Untuk kode CSS biasanya ditunjukkan/ dimulai dengan tanda bintang (*), Dot (.) dan Pagar (#). Untuk melakukan kompresi, Silakan copy semua kode yang ditunjukkan dengan tanda di atas. Jangan Centang satupun tool CSS Compressor. Dan pastikan hanya Kode CSS yang dimasukkan. Tool yang digunakan untuk mengkompress CSS Blogspot yaitu CSS Compressor.
Jika sudah, Copy paste dan Klik Compress.
TIPS
1) Untuk CSS sebenarnya dengan cara manual sudah bisa yaitu menghapus spasi dan enter di setiap kode CSS. Contoh :
#header-wrapper{width:940px;margin:10px auto;padding:10px 0;}
Menjadi :
#header-wrapper{width:940px;margin:10px auto;padding:10px 0;} dan seterusnya. Hasinya pun hanya sekitar 2-5 Kb saja. Apakah kamu kurang kerjaan? he...he..
2) Jangan gunakan background gambar di bagian.body { urlkalaupun ada, ukuran gambar kira-kira 15-25 Kb saja dan jangan terlalu mencolok.
3) Usahakan jangan ada CSS yang ganda, selain eror juga menambah berat loading
2. Java Script atau Javascript code
Didalam javascrit juga harus memperhatikan kode javascript yaitu dimulai dengan tanda <script type='text/javascript'> atau <script> bisa juga <script scr='alamat js.'>. Untuk mengkompres javascript kita memerlukan tool yaitu yang bernama Javascript Compressor. Pastikan hanya kode javascript yang dimasukkan! Setelah itu compress.
TIPS
1) Untuk melakukan commpres javascript yang benar jangan compres memua kode, Hanya kode didalamnya saja yaitu kode yang diapit antara <script type='text/javascript'> atau <script> kode javasript yang dicompress </script> atau //]]>
2) Usahakan jangan menaruh javascript dari tempat hosting lain. Ini akan membuat loading berjalan lama.
3. HTML
Seperti halnya langkah Mengkompres CSS. Penggunaan backdash dan spasi dalam html blog akan membuat loading lama. Jadi disarankan penggunaan backdash dan spasi yang sewajarnya. Tool yang digunakan adalah HTML Kompressor
TIPS
1) Penggunaan backdash dan spasi di HTML Blog juga berpengaruh pada loading dan tampilan blogspot. Penggunaan backdash dan spasi biasanya digunakan sebagai batas antara element. Biasanya penggunaan paling banyak ada di bagian komentar Blogspot. Maka dari itu tampilan komentar mengandung rongga atau spasi ke bawah yang lebar.
2) Hapus di bagian yang menurut sahabat banyak menggandung lebar ke bawah yang tidak penting.
Tips lain berkaitan dengan Cara Compress Blogspot Yang Benar
* Upload gambar yang ukuran tidak terlalu besar* Kurangi penggunaan flash yang berat* Isi widget yang tidak terlalu banyak penggunaan javascript* Hilangkan widget-widget yang sekiranya tidak bermanfaat seperti jam dll* Tempatkan widget-widget yang memudahkan pengunjung menelusuri isi blog kita* Jangan menampilkan Posting di halaman depan lebih dari 5 posting (solusinya tampilkan hanya judul saja)* Jangan menggunakan emotion yang berlebihan pada kotak komentar* Verifikasi kata pada kotak komentar* Memasang auto musik dapat memberatkan blog* Jangan menggunakan Jquery lebih dari 4 macam dalam 1 blog* Compress setiap gambar sebelum diupload ke tempat hosting menggunakan Software Fast Photo Resizer
Sekiranya itu saja yang sejuta trik blogger share tentang Cara Compress Blogspot Yang Benar. Mudah-mudahan artikel ini bermanfaat bagi pengunjung setia blog ini. Akhir kata, ayo semangat blogger Indonesia!
Image loading by : alexander-zulkarnain.blogspot.com
Happy Blogging! by. Sejuta Trik Blogger
trims buat trik kompres nya mas.
ReplyDeletesaya pernah ngompress css,tapi hasilnya jadi kurang bagus.
warnanya ikut dikompres:
misal untuk warna merah: #FF0000 jadi #F00.
merahnya malah jadi kurang bagus,kurang tajam(menurut saya sih).
lagipula perbedaan loadingnya tidak terlalu besar.
yang justru bikin perbedaan loading cukup signifikan malah waktu saya menghapus widget javascript seperti widget google friend connect.
itu bener2 terasa bedanya.
#sekedar share pengalaman
Ini tips lengkap Sob..sangat berguna untuk loading blog agar lebih cepat dibaca browser...thanks for share..Happy blogging!
ReplyDeleteTips yang sangat berguna untuk mempercepat pembacaan browser saat membuka blog kita Sob...Thanks for share and happy blogging
ReplyDeletetips yang bagus nih gan untuk mengoptimalkan kecepatan loading blog hehehe :)
ReplyDelete# Kevin
ReplyDeleteEnggak gan, kan checklistnya tdk dicentang, jadi hanya membersihkan backdashnya
# iskaruji dot com
iya gan, soal commpres blog emang banyak sekali yang mesti dijelaskan, itu saja hanya sedikit
# Farixan tips
Thanks gan
Kalau yang ingin di kompres file flash bisa ndak ya...?....
ReplyDeletehm, gitu ya gan..
ReplyDeletekalo buat domain sama di blog ada bedanya gan?
# ToPu
ReplyDeleteKalau flash saya belum paham gan, flash kan model gif ya? kayaknya dikompres pakai software Fast Photo Resizer bisa, kalau online di gicker.com
# Outbound
Emang untuk custom domain awalnya sih berat loadingnya gan, tapi setelah beberapa hari, akan normal seperti sub domain. itu pengalaman saya.
info yang bermanfaat dan perlu dicoba, makasih infonya gan, salam
ReplyDeletegitu toh caranya. mesti dicoba neh. moga bener2 terbukti
ReplyDeleteseeef........gan lanjutkan
ReplyDeleteayee, iya gan..
ReplyDeleteya suds, tengs ya..
kunjungan pagi ni gan meraimakan suasana pagi ini..
ditunggu postingan selanjutnya ya..
mantep tuhh postnya.,
ReplyDeleteberguna sekali.,
info yang sagnat bermanfaat buat sayay, sya pengen ngerjainnya dulu ah......
ReplyDelete# RObinhut
ReplyDeletesilakan sob. makasih kunjungannya
Aku coba dulu ya bro...:)
ReplyDeleteTo2x. Silakan Gan
ReplyDeleteterima kasih om... infonya bermanfaat
ReplyDeletebenul sob, eh betul banget saya ada pengalaman habis kompres template walpaper background jadi hilang, kayak habis kena peluntur warna :D semua wall jadi putih cuma tulisan artikel aja yang hilang. trus lagi hasilnya gak merubah score seo blog ( masih bendera merah) setelah cek dengan tool, ini yang harus di garis bawahi !!
ReplyDeletekalo ada saran (++) tolong share ke saya.
terima kasih.. info yang sangat berguna..
ReplyDeleterasanya blog saya dah laju loadingnya
<a href="http://shahrizar1987.blogspot.com>my blog</a>
Mantab broo,... ijin cobak deh.
ReplyDeletedari pengalaman sebelumnya gak pernah berhasil,. hiks.
semoga ini sukses bikin blog.ku cepet.
thanks. salam kenal
Lengkap banget penjelasannya,
ReplyDeletetapi aq masih blm brhasil di compress css nih,kAk..
erorr mulu .. *-*
# Cintika
ReplyDeletekan sudah ada penjelasannya soal css. jangan centang semua di tool itu
tanks gan !!!!!!!!!!!!!!!!!111
ReplyDeletewahh.. manteb sob. posting ini ngebantu banget bagi newbie kayak ane.. nice share. happy blogging :)
ReplyDeletesiip gan ., artikelnya bener'' bermanva'at .,
ReplyDeletethank to information's .,
kapan'' mampir ke blog ecek-ecek ane ya .,
qhu tunggu kritik dan saran nya dari master-master blogging kayak agan ., hehehe ,.
pliis follow this blog ., !! piis :D
happy blogging ,.
Yooo...!! Nice buat SEO friendly..
ReplyDeletekira-kira untuk template buatan Blogger sendiri apa udah bersih ya? maksudnya gak ada double CSS atau apalah. Soalnya kalau diliat juga loadnya template buatan Blogger rada berat gitu..
# Nabbeh istaqul
ReplyDeleteSiap masbro
# Fajar
ane dah coba edit2 bawaan blogger. hasilnya cukup bagus, emang untuk valid susah banget di bawaan blogger karena versi htmlnya yang rumit, karena banyak penggabungan kode CSS dan html. liat aja, masak CSS digabung di bawah head. jika di buat valid maka tampilan akan menjadi 1 kolom. makasih kunjungannya mzbro, maf baru saya balas semua
mantaf gan artikelnya detail banget ,hehehe langsung praktek mumpung nemu trik keren ini
ReplyDeletenice post dehh gannn gw suka nih trikkkkkkk !!!! lanjuttttttttt
ReplyDeletebagus untuk infonya gan ....kalau untuk kompress dalam image bisa apa ga ???
ReplyDeleteBenra-benar sangat membantu.
ReplyDeleteSaya sudah memprakteknya, dan tidak terjadi kesalah pada template.
terima kasih.
setidaknya dengan mengcompress css load blog jadi lebi cepat.
ReplyDeleteBanyak cara kok selain itu bs jg aplikasi photoshop
ReplyDeletePantas saja waktu kmaren sy kompress pake tool eh gag bisa..ternyata kdu satu2 ya..
ReplyDeleteMkasih infonya.
Thanks gan..
ReplyDeletesangat bermanfaat..
ane coba dulu yaah..:)
Mantap ne triknya,sob..
ReplyDeleteOh ya, untuk mengkompress gambar yang telah masuk dalam posting apakah bisa ya??
makasih infonya bro, tapi gue nyoba CSS blog gue dikompress dan hasilnya hancur. tapi javascript sukses gan. THaNK you
ReplyDelete@Wawasan Kita
ReplyDeleteCoba deh dibaca lagi, maksud dari posting ini adalah mencegah amburadulnya css kmu, saya tidak menganjurkan kompres css dari skin ampai variabelnya. makanya blog kamu hancur.
terima kasih tutorialnya
ReplyDeletemakasih banyak gan infonya
ReplyDeletehttp://berbagisesama3.tk
ReplyDeletemakasih infonya.
http://berbagisesama3.tk
ReplyDeletenah ini yang aku cari blogger yang memperhatikan nasib blog lainnya,memang benar banyak artikel para blogger yang hanya menulis tanpa mempertimbangkan hasilnya di blog lainnya..oke aku coba satu persatu langkah untuk mengkompres blogku,terimakasih gan..
ReplyDeleteoh begitu ya,, oke ane coba dulu
ReplyDeletemantap ilmunya gan.thx..by www.alkalinware.com
ReplyDeleteane coba gan sip :D
ReplyDeleteIya...kalau di copy-paste semua codenya jadi HTML not well format. untung cuma coba-coba. belum sabar buat compress satu persatu.
ReplyDeletewahh ternyata ada kompresi blog ya gan,,sebelumnya ane gak pernah tahu niih yang kaya gini,,mkanya dibiarkan terus,,tahkns infoya gan..
ReplyDeletewah gak cocok untuk saya yang pemalas
ReplyDeleteAkan saya coba..
ReplyDeleteMudah"an bisa..
Terima kasih atas info & panduannya..
Thank's Ya
ReplyDeletekunjungi Balik Ya,...
http://driyanso.blogspot.com/
Ini nih yang ane cari-cari sob.
ReplyDeleteMakasih yah sob infonya.
kompres sempat sy lakukan pd blog,,lumayan jd cepat lg
ReplyDeleteInfonya sangat bermanfaat dan perlu ane coba, lam kenal aja gan makasih.
ReplyDeleteTips yang bermanfaat nih gan untuk mengoptimalkan kecepatan blog......lam kenal bos
ReplyDeleteOOh gitu yach caranya. akan aku coba bos, moga berhasil
ReplyDeleteMantap ilmunya gan. terimakasih tuk berbagi. sangat membantu ane
ReplyDeletethanks ya buat infonya
ReplyDeletetrimaksih info yg bermanfaat
ReplyDeleteboeh di coba tuh,,, :)
ReplyDeletegood luck
aduuh masih binggung nih terapkannya...
ReplyDeleteThanks gan artikelnya . . .
ReplyDeleteooh gitu ya caranya..............
ReplyDeleteaku baru tau tu.............
ooh gitu ya caranya aku baru tau
ReplyDelete