Friday, May 31, 2013

Cara Mempercepat Loading Blog dengan Compress CSS

Pemakaian kode HTML dan Javascript yang berlebihan tentu akan membuat loading blog menjadi lambat, jadi sebaiknya gunakan kode HTML dan Javascript seperlunya saja, Selain itu kita juga harus memperhatikan pemakaian kode CSS, karena hal tersebut juga berpengaruh terhadap loading sebuah blog, ada baiknya kode CSS template kita kompres biar ukurannya jadi lebih kecil, sehingga loading tampilan blog akan lebih cepat.
Sebagai contoh pada sebuah template biasanya terdapat kode
a:link{
color:#BBDDFF;
text-decoration:none;
}
a:visited{
color:#BBDDFF;
text-decoration:none;
}
a:hover {
#BBDDFF;
text-decoration:underline;
}
Kode tersebut bisa kita kompress secara manual jadi seperti ini:
a:link {color:#BBDDFF; text-decoration:none;}
a:visited {color:#BBDDFF; text-decoration:none;}
a:hover {color:#BBDDFF; text-decoration:underline;}
atau seperti ini:
a:link, a:visited, a:hover {color:#BBDDFF; text-decoration:underline;}
Untuk mengkompress kode CSS pada template, mungkin agak merepotkan karena kodenya cukup panjang. jadi sebaiknya anda menggunakan CSS Compressor Tool biar lebih mudah. Di bawah ini ada beberapa situs yang menyediakan CSS Compressor Tool :
Untuk mencopy css yaitu dari dimulai setelah kode <b:skin> sampai dengan  ]]></b:skin>


Posted by at
Labels:

2 comments:

  1. Cah GembloengzJune 1, 2013 at 4:15 PM

    di compress kayak orang demam aja,,hahahay

    ReplyDelete
  2. DavidSeptember 5, 2020 at 7:14 PM

    Tidak diragukan lagi, minifikasi kode membantu Anda mendapatkan kecepatan halaman yang lebih baik, yang menghasilkan peringkat SEO yang lebih baik.
    Untuk kompresi / minifikasi CSS, Anda bisa mendapatkan bantuan dari tautan berikut
    https://url-decode.com/tool/css-minifier

    ReplyDelete

Subscribe to: Post Comments (Atom)
Kebahagiaan sejati bukanlah pada saat kita berhasil meraih apa yg kita perjuangkan, melainkan bagaimana kesuksesan kita itu memberi arti atau membahagiakan orang lain.