Cara Simple Kompres Css Semoga Loading Blog Lebih Cepat

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

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

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

Bayangkan saja bila blog teman termasuk usang untuk me-reload halaman dan mempunyai loading yang lambat..

Jangankan pegunjung blog..

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

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

Di dalam artikel tersebut saya sudah memperlihatkan beberapa tool yang harus teman coba untuk mengetahui loading blog dan apa yang harus di lakukan biar 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 teman di pandang baik oleh google, juga akan menciptakan pengunjung blog teman betah di dalamnya…

Nahh bila teman ialah salah satu orang yang sangat memperhatikan kecepatan dari blog yang teman berdiri maka saya sarankan teman 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 teman gunakan ialah salah satu cara untuk mempercepat loading pada blog…

Sebelum masuk kedalam tutorial..

Saya sedikit jelaskan dulu apa itu css…

Css ialah kepanjangan dari cascading style sheet, merupakan hukum 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 teman simak tutorial berikut ini…

Cara Mencari Script Css Yang Tidak Terpakai

Hal pertama yang harus teman lakukan ialah 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 referensi tersebut saya ambil kesimpulan bahwa bahwasanya script tersebut boros dan bisa di jadikan satu dengan gaya penulisan menyerupai di bawah ini..

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

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

Memeriksa Script Css Dengan Tools Online

Untk selanjutnya teman bisa mengecek script css yang tidak terpakai dengan memakai tool yang sudah di sediakan…

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

Tool online yang bisa teman gunakan ialah namanya unused css..Dengan tool tersebut teman bisa mengetahui script css mana yang tidak terpakai. Caranya cukup gampang saja…

Silankan teman masuk ke situs unused css terlebih dahulu..

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

Setelah tau akhirnya maka teman tau apa yang harus dilakukan…

Jika terlalu banyak script yang tidak  di gunakan maka teman 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 teman sudah terbiasa dengan script, maka ini hal yang gampang untuk menemukan bentuk dari script css tersebut yang biasanya memakai (#) atau (.) atau (*) untuk script pembukannya..

Sebenarnya menyerupai apa bentuk css yang sudah di compress. Berikut dibawah ini saya sertakan pecahan 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 pecahan 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 mempunyai white space atau sisa ruang dan space di sebelah kanan sehingga kita harus meng-kompress css dengan penataan css di atas menjadi menyerupai 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 terang membutuhkan waktu yang tidak sebentar..

Apa lagi kita melakukannya secara menual…

Sungguh tidak efektif dan sangat tidak disarankan…

Namun hingga disni teman tidak usah panic karna memang sudah tersedia tool gratis secara online dan jelasnnya bisa mengkompres scritp css yang besar secara cepat dan singkat…

Untuk tool gratis tersebut bisa teman susukan melalui link yang sudah disediakan dibawah ini..

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

cara menggunakannya juga cukup gampang dan tidak membingungkan..

oyaa satu lagi sebelum teman selesai…

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

Dari cara di atas, saya sarankan teman untuk lebih hati-hati dalam proses kompres css tersebut.. bila teman asal-asalan dalam mengkompres css maka bisa saja script lebih awut-awutan 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 biar tetap bekerja sehabis pengompresan dilakukan..

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

semoga tutorial yang saya berikan berhasil dan happy bloging

Tweet

Subscribe to receive free email updates: