Tuesday, March 1, 2011

Cara mempercepat blog dengan mudah

Kecepatan loding web blog bisa mempengaruhi pengunjung, bila loding untuk membuka situs anda terlalu lama bisa-bisa pada kabur tuh para pengunjung, untuk itu ada beberapa tip dari saya untuk percepat loding blog:
Sebelum anda menerapkan tip di bawah ini anda bisa cek dulu kecepatan loading blog anda di link dibawah ini:

Test loading speed pada blog

Oke langsung saja, pada kesempatan ini saya akan memberikan sedikit tips tentang mampercepat loading blog antaralain sebagai berikut:

1. Ukuran dan banyaknya gambar yang kita masukkan kedalam blog baik dalam postingan maupun widget.Namun bila tidak ada gambar ya gimana gitu yach kurang menarik rasanya blog kita, Tapi kalo bisa perkecil ukuran gambar dan gambar secukupnya saja pada blog.

2. hilangkan spasi pada kode html blog yang berlebihan. yang ini cukup signifikan, sudah saya praktekkan.

3. Kurangi script dari pihak ke 3 baik itu berupa widget ataupun kode2 iklan

4. kurangi pemasangan label, gunakan label secukupnya saja. 

5. Dengan meng kompres kode css, caranya sebagai berikut:
  • Login dulu ke account kalian mau itu Yuwie, Friendster, Myspace, Blogger, atau apapun..



  • Masuk ke edit profile dan backup kode CSS kalian, caranya copy kode CSS'nya dan paste di Notepad atau wordpad. hal ini dilakukan sebagai backup kalo takut terjadi kegagalan kalo gak takut sih terserah anda.



  • Klik situs dibawah ini
    http://www.cssdrive.com/index.php/main/csscompressor/



  • Setelah sampai di CSS Compressor, klik pada tulisan Advanced Mode



  • Di Advanced Mode, saran saya ceklist pilihan (buat yang paham mengenai kode CSS bisa memilih pilihan yg lain seperti "remove all new line" dan lain-lain)



  • Paste kode CSS kalian di kolom yg disediakan dan klik Compress-it!Setelah kode di compress, klik Highlight Code dan paste kembali ke edit profile kalian.



  • Langkah terakhir, Save kode CSS'nya dan liat perbedaannya.





  • 6. Dengan meng uplode kode CSS ke hosting gratisan, caranya sebagai berikut:
    a. Masuk ke blogger anda dulu
    b. Klik tata letak
    c. Klik Edit HTML
    d. Jangan lupa back up dulu dengan download full (Download Template Lengkap)
    e. Anda bisa klik Expand Template Widget atau tidak terserah anda
    f. Ambil kode css yang akan anda compress misalnya seperti dibwah ini:

    #header h1 {
    margin:5px 5px 0;
    padding:15px 20px .25em;
    line-height:1.2em;
    text-transform:uppercase;
    letter-spacing:.2em;
    font: $pagetitlefont;
    }

    Anda bisa memilih css lain karena biasanya setiap template berbeda beda
    g. Cut kode css anda tadi dan paste ke notepad kemudaian save dengan ekstensi .css misalnya klimak.css
    h. Kemuadian upload klimak.css tersebut ke hosting gratisan, saya sih menggunakan google site saja
    i. Anda akan mendapat alamat url css anda seperti dibawah ini

    http://sites.google.com/site/vimovista/file-cabinet/klimak.css

    j. Masukan url seperti dibawah ini

    <link href='http://sites.google.com/site/vimovista/file-cabinet/klimak.css' rel='stylesheet' type='text/css'/>

    k. Terakhir letakan kode diatas ini setelah kode ]]></b:skin>
    l. Save dan rasakan hasilnya,

    Referensi alias sumber:  Berekperimen sendiri  ditambah dari http://www.gusbud.web.id/ dan http://www.illusion-design.co.cc/ dan ada beberapa sumber lain tapi sayang alamatnya saya sudah lupa.

    NB: Selalu backup dahulu template kode anda karena bila terjadi kegagalan akan memderita pusing tujuh keliling bila tak ada backup
    Anda bisa test  kecepatan blog anda setalah di edit bandingkan dengan sebelum dieditdi link berikut ini:

    Test loading speed pada blog

    .      



     

    Popular Posts

    Blog Archive

    Total Pageviews

    My Friends List

    Copyright 2010 Dunia Cewek Cantik. All rights reserved.