Thursday, February 20, 2014

Mempercepat Loading Blog dengan Merampingkan CSS

Dalam hari ini taukahbahwa.blogspot.com akan menyajikan artikel tentang Mempercepat Loading Blog dengan Merampingkan CSS. Semoga dengan posting Mempercepat Loading Blog dengan Merampingkan CSS akan menambah wawasan bagi anda pembaca setia taukahbahwa.blogspot.com

Cara Mempercepat Loading Blog

Pada kesempatan kali ini, saya akan berbagi tips tentang "Cara Mempercepat Loading Blog". Ada beberapa cara untuk Mempercepat Loading Blog. Merampingkan CSS adalah salah satu  Diet Blog untuk Mempercepat Loading







Sebelumnya sobat perlu tahu tentang CSS.

Apa itu CSS?
CSS (Cascading Style Sheet) adalah bahasa pemrograman sebagai pengendali beberapa komponen dalam web agar lebih struktural. pada umumnya CSS dipakai pada web yang memakai bahasa HTML dan XHTML.

Nah, sepertinya sudah cukup pengenalannya. Jika ingin tahu lebih banyak tentang CSS, sobat bisa kunjungi wikipedia. Lanjut ke Tips Mempercepat Loading Blog.

Kecepatan Blog tergantung dari berat suatu blog. dengan menghapus space yang tidak diperlukan di CSS, maka kecepatan blog akan bertambah. CSS terletak di antara 2 kode berikut. Yaitu antara kode <b:skin>  dan  ]]></b:skin>.

Tips : Gunakan Ctrl + F untuk mempercepat pencarian


Langkah-Langkah Merampingkan CSS :

1. Login dulu ke akun blogspot anda
2. pergi ke Template=>edit HTML
3. Cari Kode <b:skin>
4.hapus kode CSS yang tidak diperlukan di bawah kode <b:skin> sampai kode ]]></b:skin>.

Contoh :

#header-wrapper {
background: url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;
height: 150px;
margin-top: padding: 0px 0px 0px 0px;
text-align: center;
border: 1px solid #000;
}


Kode di atas dapat diperpendek menjadi :

#header-wrapper{background:url(http://www.freeimagehosting.net/uploads/e439563253.jpg) no-repeat #000;height:150px;margin-top:padding:0px 0px 0px 0px;text-align:center;border:1px solid #000;}


demikian juga dengan kode berikut :

{Margin-top: 15px;
Margin-right: 10px;
Margin-bottom: 15px;
Margin-left: 15px; }

menjadi

{Margin:15px 10px;}



Inti dari Perampingan ini adalah kode yang ada di antara { }. Hapus space yang tidak diperlukan. Dengan melakukan ini secara keseluruhan pada kode CSS, maka Berat Blog akan menurun dan Kecepatan Blog akan Meningkat.

Ini adalah Cara Merampingkan CSS Secara Manual. Namun ada cara yang lebih praktis untuk melakukannya, yaitu Merampingkan CSS secara Otomatis. Nantikan artikel selanjutnya tentang Mempercepat Loading Blog dengan CSS Compressor

Sekian dulu Tips kali ini tentang Mempercepat Loading Blog dengan Merampingkan CSS. Jika ada yang ingin ditanyakan, silahkan pergunakan kolom komentar sebaik mungkin.

Dapatkan berita terupdate dan unik setiap saat hanya di taukahbahwa.blogspot.com
Homepage|http://taukahbahwa.blogspot.com

No comments:

Post a Comment

jangan lupa tinggalkan komentar .... trimakasih atas kunjungannya