Compress Template Blogger

Home Trik Compress Template Blogger

Compress Template Blogger

Diposting oleh: Dafin defandaky pada: 6 November 2013

Siapa blogger yang tidak ingin blog dan halaman blognya ringan ketika di muat, semua blogger menginginkan blognya memiliki waktu load sesingkat dan seringan mungkin karena itulah banyak cara di lakukan oleh semua pemilik blog untuk mengakalinya termasuk mengompres templatenya. berikut ini adalah salah satu cara mengakali blog yang terbilang berat, dengan langkah mengompres template di bagian bagain yang paling sering di nilai memberatkan load blog silahkan anda simak.

Ada tiga (3) hal yang akan di bahas kali ini untuk meringankan template, dan yang pertama sebagai berikut:

Kode JavaScript (*js) biasanya diawali dengan <script type="text/javascript"> dan diakhiri tag </script>. hampir setia template blogger kode JavaScript ini terletak di antara tag <head> dan penutup tag </head> atau terletak diatas/sebelum kode </body>

kurang lebih seperti di bawah ini:

<script type='text/javascript'>
//<![CDATA[
  $(function() {
    ......................................;
    ......................................;
    });
  });
//]]>
</script>

beberapa tools untuk compress JavaScript yang dimaksud diatas :

HTML yang merupakan faktor urgen dalam peng-kodean template, jika salah sedikit saja dalam penulisannya maka blog tidak akan berkerja. Kode HTML pastinya akan terletak diantara tag <body> hingga tag penutup </body>

lihat di bawah ini:

<div id='opooooooo'>
  <div class='jujuju'>
   ......................................
  </div>
  <div class='kolor'>
   ......................................
  </div>
  <div class='polo'>
   ......................................
  </div>
</div>

tools untuk compress HTML :

Setiap blog ataupun situs pasti dilengkapi oleh CSS (Cascading Style Sheets), untuk itu sebaiknya Anda lakukan compress agar template yang kita gunakan tidak lambat loadingnya.

Biasanya kode ini terletak pada bagian <b:skin><![CDATA[ dan ]]></b:skin> atau terletak diantara <style type='text/css'> dan </style>

contoh sebagai berikut:

#CSS.pol {
  background-color:......;
  padding:......;
  margin:......;
  -moz-box-shadow:......;
  -webkit-box-shadow:......;
  width:...;
}

#CSS.kol {
  overflow:......;
  margin:......;
  padding:........;
  left:.....;
}

Berikut beberapa tools untuk compress CSS yang dimaksud diatas :

Anda perlu mengingat, lakukan compress kode CSS, HTML atau JavaScript yang dibutuhkan saja, intinya tergantung kebutuhan dan kondisional. Anda bisa melakukannya dengan bertahap, coba atau test pada browser setiap anda meng-compress, tujuaanya hanya untuk mengecek seberat mana blog yang sudah dikompress dengan sebelumnya dan melihat tampilan blog.

jadi silahkan anda coba dan sekian semoga bermanfaat...

Tidak ada komentar :

Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>

Konversi KodeOOT