Ketika template kita di test dan di uji kecepetan nya pasti ada beberapa saran untuk meminimalkan CSS, nah sebaiknaya me-minimize dan mengoptimasi file dalam template kita, Khusus nya file-file pendukung seperti file CSS dan file javascript.
Contoh file yang sudah diminimize dapat kita optimasi telah kita kenal menggunakan file Normalize.min.css.
Tujuan prosedur kita mengkompres dan optimasi adalah pastinya untuk memperkecil ukuran file file di web kita dengan cara membuat bari baris kosong, tanda spasi yang tidak kita perlukan, membuang tag tag komentar yang ada di dalam kode kita, dan akhirnya kita lebih bisa meningkatkan lagi kecepatan website kita lebih mudah di muat di hosting.
Cara yang paling praktis untuk minimize file kita adalah dengan menggunakan tool online, ada banyak sekali sebagai refrensi sebagai berikut:
Untuk kompres file CSS kita biasanya menggunakan tool online, Untuk file CSS kita gunakan layanan seperti
- http://www.cleancss.com/
- http://csscompressor.com/
- http://codebeautifier.com/
Atau agan minimalkan file JavaScript kita menggunakan tool antara lain :
- https://jscompress.com/
- http://jsoptimizer.com/
Misalnya saja kita contohkan meminimalkan CSS misalnya dengan kode begini :
Nah bagaimana sudah bisa ? kalo sudah tinggal ganti css nya pertama dan ganti yang sydah di kompres tadi.
Terima Kasih
Contoh file yang sudah diminimize dapat kita optimasi telah kita kenal menggunakan file Normalize.min.css.
Tujuan prosedur kita mengkompres dan optimasi adalah pastinya untuk memperkecil ukuran file file di web kita dengan cara membuat bari baris kosong, tanda spasi yang tidak kita perlukan, membuang tag tag komentar yang ada di dalam kode kita, dan akhirnya kita lebih bisa meningkatkan lagi kecepatan website kita lebih mudah di muat di hosting.
Cara yang paling praktis untuk minimize file kita adalah dengan menggunakan tool online, ada banyak sekali sebagai refrensi sebagai berikut:
Untuk kompres file CSS kita biasanya menggunakan tool online, Untuk file CSS kita gunakan layanan seperti
- http://www.cleancss.com/
- http://csscompressor.com/
- http://codebeautifier.com/
Atau agan minimalkan file JavaScript kita menggunakan tool antara lain :
- https://jscompress.com/
- http://jsoptimizer.com/
Misalnya saja kita contohkan meminimalkan CSS misalnya dengan kode begini :
/* Layout helpersMaka setelah kita minimize akan menjadi seperti ini :
----------------------------------*/
.ui-helper-hidden {
display: none;
}
.ui-helper-hidden-accessible {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}Melalui tool - tools tersebut, kita cukup menyalin isi file CSS atau Javascript kita lalu mengkompres untuk medapatkan out file yang ringkas atau ringan, nah sekarang kita mengganti atau menyalin hasilnya dan menyimpannya dalam sebuah file nama lain, Misalnya file namakita.css.
Nah bagaimana sudah bisa ? kalo sudah tinggal ganti css nya pertama dan ganti yang sydah di kompres tadi.
Terima Kasih
0 komentar