Cara Simple kompres Css Agar Loading Blog Lebih Cepat

Cara Mengkompres Css -  salah satu cara untuk meingkatkan trffic pada blog itu adalah dengan meningkatkan soe onpage yaitu dengan mempercepat loading halaman.

Seo onpage tersebut meliputi banyak hal termasuk dengan mempercepat loading blog sobat masing-masing dengan cara mengkompres css, mengkompres script javascript dan mengkompres html dll…

Jika sobat seorang blogger maka hal ini penting bagi sobat agar pengunjung betah berlama-lama di dalam blog yang loading setiap halamannya cepat…

Bayangkan saja jika blog sobat termasuk lama untuk me-reload halaman dan mempunyai loading yang lambat..

Jangankan pegunjung blog..

Sobat sendiri pun akan bisa bosan melihat loading terlalu lama ketika membuka salah satu artkelnya…maka dari itu mempercepat loading halaman blog sangat di perlukan dan termasuk seo on page..

Jika sobat ingin mengetahui kecepatan dari blog sendiri, sobat bisa mengetahui caranya di artikel saya tentang cara cek kecepatan loading blog…

Di dalam artikel tersebut saya sudah memberikan beberapa tool yang harus sobat coba untuk mengetahui loading blog dan apa yang harus di lakukan agar loading halaman blog bisa semakin cepat...

yaa mungkin juga termasuk mengkompres css,js , html atau meng kompres gambar yang terlalu besar atau bisa menghapus script bawaan blogger..

Menurut salah satu dari tool tersebut…

Bahwa loading pada blog tersebut bisa dikatakan cepat hanya membutuhkan waktu di bawah 4 second untuk me-reload seluruh halaman…

Hal ini sangat di butuhkan. Selain blog sobat di pandang baik oleh google, juga akan membuat pengunjung blog sobat betah di dalamnya…

Nahh jika sobat adalah salah satu orang yang sangat memperhatikan kecepatan dari blog yang sobat bangun maka saya sarankan sobat untuk melihat struktur file css yang di gunakan di dalam template…

Yups dari sederet cara untuk mempercepat loading pada blog, dengan mengkompres script css yang sobat gunakan adalah salah satu cara untuk mempercepat loading pada blog…

Sebelum masuk kedalam tutorial..

Saya sedikit jelaskan dulu apa itu css…

Css adalah kepanjangan dari cascading style sheet, merupakan aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam dan CSS bukan merupakan bahasa pemograman.

Setelah mengetahui pengertian dari css silahkan sobat simak tutorial berikut ini…

Cara Mencari Script Css Yang Tidak Terpakai

Hal pertama yang harus sobat lakukan adalah dengan mengecek script css yang tidak terpakai. Karna memang sungguh di sayangkan menaruh script css di dalam template tetapi script tersebut tidak di gunakan…

Berikut saya berikan contoh…

#header-wrapper {
margin-top: 0px opx;
 padding: 0px 0px; 
}

dari contoh tersebut saya ambil kesimpulan bahwa sebenarnya script tersebut boros dan bisa di jadikan satu dengan gaya penulisan seperti di bawah ini..

#header-wrapper {
margin-top: padding: 0px 0px 0px 0px; 
}

Kelihatan simple tapi jika terdapat banyak model penulisan yang boros dan sobat tidak mengetahuinnya maka hal tersebut dapat memberatkan loading pada blog sobat…

Memeriksa Script Css Dengan Tools Online

Untk selanjutnya sobat bisa mengecek script css yang tidak terpakai dengan menggunakan tool yang sudah di sediakan…

Dimana saya bisa mengetahui script css yang tidak terpakai dengan menggunakan tool??

Tool online yang bisa sobat gunakan adalah namanya unused css..Dengan tool tersebut sobat bisa mengetahui script css mana yang tidak terpakai. Caranya cukup mudah saja…

Silankan sobat masuk ke situs unused css terlebih dahulu..

Setelah halaman terbuka, maka akan terdapat kotak untuk memasukan alamat blog sobat untuk memeriksa script css yang tidak terpakai di dalam template yang di gunakan…

Setelah tau hasilnya maka sobat tau apa yang harus dilakukan…

Jika terlalu banyak script yang tidak  di gunakan maka sobat bisa mengganti tema atau mencari dan menghapusnya…

Cara Mengkompres Css Agar Loading Blog Bisa Lebih Cepat

Lantas cara selanjutnya untuk mempercepat loading pada blog adalah dengan cara mengkompress css yang ada di template.

Jika sobat sudah terbiasa dengan script, maka ini hal yang mudah untuk menemukan bentuk dari script css tersebut yang biasanya menggunakan (#) atau (.) atau (*) untuk script pembukannya..

Sebenarnya seperti apa bentuk css yang sudah di compress. Berikut dibawah ini saya sertakan penggalan script css berikut

#related-postsku{
float:left;
width:100%;
margin-top:5px;
margin-left:0px;
font-size:13px;
}
#related-postsku a{
text-decoration:none;
}
#related-postsku a:hover{
text-decoration:none;
}

Terlihat dari penggalan script css di atas merupakan penataan dengan cara standar yang biasa digunkan yang bertujuan supaya browser membaca script secara terstruktur.

Namun pada hari ini sudah banyak browser yang mempunyai kemampuan dan kecepatan tinggi untuk membaca script css. Sehingga penantaan script di atas menjadi tidaklah harus dilakukan…

Aturan di atas bisa terlihat memiliki white space atau sisa ruang dan space di sebelah kanan sehingga kita harus meng-kompress css dengan penataan css di atas menjadi seperti ini..

#related-postsku{float:left;width:100%;margin-top:5px;margin-left:0px;font-size:13px;}#related-postsku a{text-decoration:none;}#related-postsku a:hover{text-decoration:none;}

Namun untuk mengkompress css yang cukup besar jelas membutuhkan waktu yang tidak sebentar..

Apa lagi kita melakukannya secara menual…

Sungguh tidak efektif dan sangat tidak disarankan…

Namun sampai disni sobat tidak usah panic karna memang sudah tersedia tool gratis secara online dan jelasnnya mampu mengkompres scritp css yang besar secara cepat dan singkat…

Untuk tool gratis tersebut bisa sobat akses melalui link yang sudah disediakan dibawah ini..

• csscompressor.com
• cssminifier.com
• www.cleancss.com

cara menggunakannya juga cukup mudah dan tidak membingungkan..

oyaa satu lagi sebelum sobat selesai…

script css yang ingin sobat ambil untuk di compress biasanya terdapat di dalam tag <b:skin> dan </b:skin>

Dari cara di atas, saya sarankan sobat untuk lebih hati-hati dalam proses kompres css tersebut.. jika sobat asal-asalan dalam mengkompres css maka bisa saja script lebih berantakan dan menjadi error..

lakukan pengompresan dengan dengan hati-hati dan lebih memilah-milah script tersebut.. mana yang bisa di kompres dan mana yang tidak perlu di kompres..

usahakan tetap memperhatikan script agar tetap bekerja setelah pengompresan dilakukan..

sampai disni sekian dulu untuk tutorial tentang Cara Mengkompres Css Agar Loading Blog Lebih Cepat dan membuat pengunjug betah di blog..

semoga tutorial yang saya berikan berhasil dan happy bloging