Mempercepat Loading Blog Dengan Hosting CSS External

Wednesday, March 23, 2011

Salah satu cara supaya blog anda lebih cepat dalam proses loading adalah dengan melakukan compress terhadap kode css. Rapikan kode-kode css ayng kita rasa tidak perlu. Jadikan satu bagian kode-kode tersebut, supya lebih tampak kecil dan ringan. Misalnya kode padding-top : 3px, padding left : 3px, padding bottom : 4x, padding right : 5px, bisa kita jadikan satu bagian menjadi padding : 3px 3px 4px 5px. Dengan melakukan ini berarti anda telah mempercepat loading blog.

Selain cara tersebut, kode css yang terlalu banyak yang terkumpul jadi satu dengan template blog, juga bisa memperlambat loading blog anda. Solusinya, kita bisa menggunakan css eksternal, yaitu dengan menyimpan kode css tersebut pada hosting, lalu kita tinggal menambahkan sebuah kode dalam template untuk memanggilnya.

Untuk hosting css kita bisa gunakan google, karena google mempunyai sebuah produk gratis untuk hosting css. Berikut ini cara melakukan hosting css di google

1. Buka Google Sites lalu klik Create site

2. Isi title site anda pada kolom Name your Site, lalu klik Create site

3. Pilih tab create page yang ada dikanan atas site yang sudah anda buat tadi

4. Pilih File Cabinet, lalu isikan judul pada kotak name, dan klik create page

5. Klik add file, dan cari file css anda yang sudah anda simpan dalam computer. Kalau sudah selesai tekan upload.

6. Salin urlnya pada link unduh. Biasanya akan seperti ini : https://sites.google.com/site/bloggerafif0/mycss/blogerafif0.css?attredirects=0&d=1

7. Letakkan kode css itu pada template anda, dengan menghilangkan kode yang berwarna merah ?attredirects=0&d=1

8. Cara menuliskannya <link rel='stylesheet' href=’https://sites.google.com/site/bloggerafif0/mycss/blogerafif0.css' type='text/css'/>  . Letakkan kode ini setelah kode </title> atau setelah kode favicon anda.

Selamat mencoba