Cara Mempercepat Loading dengan manual
malam Sobat,,,,,kali ini gue akan berbagi sedikit tips mempercepat loding blog kita. mungkin sobat belum tau jika kode css kita terlalu banyak maka akan menyebabkan lola/loding lama,,terkadang kita hanya bisa menyalahkan jaringan atau koneksi yang lagi gangguan,,,,heemm padahal,,,lihat di html nya,,,,pasti banyak kode css,,,heeeee...gue punya tips ni,,untuk mengompress secara online,,,yaa sedikit mengurangi kode css kita biar lodingnya ga berat-berat amat,,,langsung aja dehh,,,,yoo
Berikut Langkah-langkahnya :
1. Silahkan kunjungi http://www.csscompressor.com
akan muncul tampilan seperti dibawah ini.
4. Pada Compression Mode pilih mode kompresi yang anda inginkan.
Ada yang Highest, Hight, Standart, atau Low.
2. Login ke blogger
3. masuk ke rancangan -> Edit html
5. Copy lalu paste kode CSS yang ingin anda kompres ke CSS input.
6. Kemudian klik tombol Compress
7. silahkan anda cari kode css yang hampir sama sintaknya
saya ambil css saya sebagai contoh :
dan hasilnya setelah dikompres :
Setelah kode CSS tersebut dikompres, terlihat ada pengurangan spasi di antara kode a,a:visited. Nah, berarti bisa diambil kesimpulan bahwa spasi juga berpengaruh terhadap kecepatan loading blog. Maka kode di atas masih dapat dikompres lagi loo,,,
menjadi seperti ini :
Warning
1. Sebelum anda kompres,,sebaiknya anda download dulu template anda
untuk menjaga hal yang tidak diinginkan.
2. setelah file css kopresan sudah anda dapat,,silahkan anda copi
dan paste ditempat anda mengambil kod css tersebut,,dan klik pratijau,,
jika tidak ada perubahan pada template anda itu berarti kompresan anda berhasil,
dan bedakan kecepat lodingnya sebelum dikompres dan sesudah dikompres..
Selamat mencoba,,,,Jangan lupa komentarnya ya,,,,
Berikut Langkah-langkahnya :
1. Silahkan kunjungi http://www.csscompressor.com
akan muncul tampilan seperti dibawah ini.
4. Pada Compression Mode pilih mode kompresi yang anda inginkan.
Ada yang Highest, Hight, Standart, atau Low.
2. Login ke blogger
3. masuk ke rancangan -> Edit html
5. Copy lalu paste kode CSS yang ingin anda kompres ke CSS input.
6. Kemudian klik tombol Compress
7. silahkan anda cari kode css yang hampir sama sintaknya
saya ambil css saya sebagai contoh :
| a { color: #ffffff; font-size: 12px; text-decoration: none; text-transform:title case; padding: 0px 0px 0px 3px; } a:visited { color: #ffffff; font-size: 12px; text-decoration: none; text-transform:title case; padding: 0px 0px 0px 3px; } a:hover { color: #ffffff; text-decoration: none; padding: 0px 0px 0px 3px; } |
dan hasilnya setelah dikompres :
| a,a:visited{ color:#fff;font-size:12px; text-decoration:none; text-transform:title case; padding:0 0 0 3px } a:hover{ color:#fff; text-decoration:none; padding:0 0 0 3px } |
Setelah kode CSS tersebut dikompres, terlihat ada pengurangan spasi di antara kode a,a:visited. Nah, berarti bisa diambil kesimpulan bahwa spasi juga berpengaruh terhadap kecepatan loading blog. Maka kode di atas masih dapat dikompres lagi loo,,,
menjadi seperti ini :
| a:hover{color:#fff;text-decoration:none;padding:0 0 0 3px} a,a:visited{color:#fff;font-size:12px;text-decoration:none;text-transform:title case;padding:0 0 0 3px} |
Warning
1. Sebelum anda kompres,,sebaiknya anda download dulu template anda
untuk menjaga hal yang tidak diinginkan.
2. setelah file css kopresan sudah anda dapat,,silahkan anda copi
dan paste ditempat anda mengambil kod css tersebut,,dan klik pratijau,,
jika tidak ada perubahan pada template anda itu berarti kompresan anda berhasil,
dan bedakan kecepat lodingnya sebelum dikompres dan sesudah dikompres..
Selamat mencoba,,,,Jangan lupa komentarnya ya,,,,
Post a Comment