Penyusunan dokumen perencanaan tahunan Desa atau sering disebut dengan
Dokumen RKP Desa. Pada postingan ini akan dibagikan terkait dengan dokumen
RKP Desa ...
Percepat Loading dengan Compress Template
Banyak cara yang di gunakan oleh para blogger untuk mengoptimalkan blognya, salah satunya adalah mengkomptress (memperkecil size), atau merize kira-kira seperti itu. Lah, pada kesempatan ini Admin akan membrikan cara refensi kepada pengunjung tentang bagaimana cara mempercepat loading blog Anda dengan mengkompress template.
Sebenarnya tulisan ini sudah banayk di tuliskan oleh master-master blogger, tapi ini Admin tulis untuk kalangan Newbie seperti Admin Blog ITP +] ini. Daripada tidak nulis karena tidak ada bahan untuk ditulis, yang mending membuat artikel walkau ada kadarnya.
1. Compress CSS
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>
#CSS.1 {
background:......;
padding:......;
margin:......;
-moz-box-shadow:......;
-webkit-box-shadow:......;
}
#CSS.2 {
overflow:......;
margin:......;
}Berikut beberapa tools untuk compress CSS yang dimaksud diatas :
Anda tinggal masukkan kode CSS yang mau dicompress pada form kosong lalu compress dan copy paste kembali hasil compress-nya pada tempat CSS pada template sebelumnya.
2. Compress JavaScript
Kode JavaScript (*js) biasanya diawali dengan <script type="text/javascript"> dan diakhiri </script>. Dan hampir setia template blogger kode JavaScript ini terletak pada <head> dan </head> dan atau terletak diatas/sebelum kode </body>
<script type='text/javascript'>
//<![CDATA[
$(function() {
......................................;
......................................;
......................................;
......................................;
});
});
//]]>
</script>Berikut beberapa tools untuk compress JavaScript yang dimaksud diatas :
3. Compress HTML
HTML yang merupakan faktor urgen dalam peng-kodean template, jika salah sedikit saja dalam penulisannya maka blog tidak akan berkerja. Kode HTMLpastinya akan terletak diantara <body> dan </body>
<div class='..........'>
<dt class='..........'>
......................................
......................................
</dt>
<dd class='..........'>
......................................
......................................
</dd>
<dd class='..........'>
......................................
......................................
</dd>
</div>Berikut beberapa tools untuk compress HTML yang dimaksud :
Atau anda bisa menggunakan tools yang disediakan pada blog ini (menu ~ Alat & Referensi)
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.
3 comments
Untuk kompresi HTML, alat berikut, juga akan membantu Anda
url-decode.com/tool/minifyhtml
minifyhtml.org/
Untuk minifikasi CSS
https://url-decode.com/tool/css-minifier
Untuk kompresi JS
minifycode.com/javascript-minifier/
Untuk pengoptimalan gambar
resize.live/