Rabu, 25 April 2012

Mempercepat Loading Blog Dengan Hosting CSS External



Salah satu cara supaya blog anda lebih cepat dalam proses loading adalah dengan melakukan compress terhadap kode CSS (Cascading Style Sheets, adalah bahasa styling yang seringkali kita tambahkan pada HTML). Rapikan kode-kode CSS yang tidak perlu, jadikan satu bagian supaya 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. Saran saya sih jika anda belum memahami cara penulisan kode CSS lebih baik jangan dirubah.

Selain cara tersebut, kode CSS yang terlalu banyak yang menyatu 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 berbagai jenis file dan tentu saja Blogger juga bagian dari Google sehingga akses file jadi lebih cepat. Salah satunya anda bisa manfaatkan Google Project atau yang lebih sederhana dengan cara hosting CSS di Google sebagai berikut :

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.

Tips ini hanya salah satu cara untuk mempercepat loading blog, masih ada elemen lain yang dapat mempengaruhi kecepatan loading blog, seperti ukuran file gambar, meletakkan urutan widget, dan lain sebagainya, bisa anda simak dipostingan saya berikutnya.

3 komentar:

Limit Komputer mengatakan...

Ok gan ilmunya bermanfaat

lioro mengatakan...

kunjungan per1 ...thanks broww.......

Herry Kanan mengatakan...

Suatu kebanggaan dikunjungi pemilik website keren..
Thanks Bro !

laptop
xiaomi