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 ..!!
Sumber : http://www.bloggerafif.com/2011/03/mempercepat-loading-blog-css-external.html
Langganan:
Posting Komentar (Atom)
-
▼
2011
(354)
-
▼
September
(19)
- Cara Install Windows dari Flash Disk
- Membagi Partisi di Windows 7 Tanpa Software
- Cara Mudah Mengatasi Virus Shortcut
- Membuat Yahoo! Messenger Pingbox
- Modifikasi Followers
- PC Login Now Reset Password Admin, User Windows
- Cara Membuat Recent Post dengan Tampilan Slide Show
- Cara Memasang Widget Tombol "Like" Facebook di Blog
- Setting Custom Domain di Blogspot
- Promosi Blog Pada Situs Social Bookmarking
- Membuat Kolom Menu Scroll
- Membuat Web Gratis dan Mudah via Dot.Tk
- Membuat 2 Kolom Sidebar Blogspot
- Cara Membuat Menu Navigasi Slide Horizontal Blogspot
- Mempercepat Loading Blog Dengan Hosting CSS External
- Mempercepat Loading Blog Dengan Hosting CSS External
- Microsoft Office Professional Plus 2010 Beta
- Cara Membuat Artikel Terkait
- Membuat Buku Tamu Tersembunyi
-
▼
September
(19)
Tidak ada komentar:
Posting Komentar
Silahkan Tulis Komentar Anda Secukupnya ..!!