Compress JavaScript, HTML & CSS membuat Blog Jadi Ringan

Posted by KangBayu on 24 July 2013


Compress HTML
Banyak cara untuk meringankan loading pada sebuah blog, salah satunya dengan mengkompress kode CSS, JavaScript dan HTML. Pengompresan kode ini akan membuat blog menjadi lebih ringan dan lebih cepat. Untuk mengompress, silahkan ikuti petunjuk berikut :
- Login ke akun www.blogger.com
- EDIT HTML dan Backup dulu Template kamu
Cara Mengompress Kode CSS
  • Kunjungi Situs ini : CSS Compressor
  • Pilih Compression Mode "Super Compact" dan Comments handling "Strip comments at least 4"
  • Masukan kode CSS yang ingin di kompress lalu klik "Compress it"
  • Contoh penempatan kode CSS pada blogger
<b:skin><![CDATA[
/*-----kode sebelum di compress dari sini------*/
#main-wrapper{
background:#fff;
width:960px;
float:left;
margin:0px;
padding:0 0 0px 10px;
word-wrap:
break-word;
overflow:hidden}
/*-----kode sebelum di compress sampai sini------ */
]]></b:skin>
<b:skin><![CDATA[
/*-----kode setelah di compress dari sini------*/
#main-wrapper{background:#fff;width:960px;float:left;margin:0px;padding:0 0 0px 10px;word-wrap:break-word;overflow:hidden}
/*-----kode setelah di compress sampai sini------ */
]]></b:skin>
Cara Mengompress Kode JavaScript
  • Kunjungi Situs ini :  JavaScript Compressor
  • Masukkan kode JavaScript pada kolom Code, pilih File Type "JS" lalu klik "Compress"
  • Contoh penempatan kode JavaScript pada Blogger
<head>
<script type='text/javascript'>
Data JavaScript disini
</script>
</head>
Cara Mengompress Kode HTML
  • Kunjungi Situs ini : HTML  Compressor
  • Masukkan kode HTML pada kolom Data, lalu klik "Compress HTML"
  • Contoh penempatan kode HTML pada Blogger
<body>
<li><a href='#'><b>Pasang Iklan</b></a></li>
<li><a href='#'><b>Blog Tutorial</b></a></li>
<li><a href='#'><b>Kesehatan</b></a></li>
<li><a href='#'><b>Al-Quran</b></a></li>
<li><a href='#'><b>TV Online</b></a></li>
<li><a href='#'><b>Daftar Isi</b></a></li>
<li><a href='#'><b>Tukar Link</b></a></li>
</body>
  • Tips ini hanyalah salah satu cara untuk mempersepat loading blog, masih banyak elemen lainnya yang dapat mempengaruhi kecepatan loading blog seperti ukuran file gambar, widget, dan lain sebagainya.

copas dari:

find4something

Label: ,

3 comments:

  1. AnonymousFriday, 16 August, 2013

    uhi kecepatan loading b

    ReplyDelete
  2. Admin86Friday, 08 November, 2013

    maaf bro, tutorialnya saya masih bingung nih..
    www.pakepe.com

    ReplyDelete
  3. DavidFriday, 21 August, 2020

    Terima kasih telah berbagi. Tanpa ragu, proses minimisasi dapat mengurangi ukuran kode sebesar 10% - 95%! Ini akan membantu situs untuk berjalan lebih cepat dan kemudian memiliki skor Pengoptimalan Mesin Telusur (SEO) yang lebih tinggi. Untuk ini, Anda juga dapat merujuk ke alat berikut
    https://url-decode.com/tool/minifyhtml
    https://url-decode.com/tool/css-minifier

    ReplyDelete

Subscribe to: Post Comments (Atom)
Subscribe