Minify CSS atau mengecilkan, meminimalkan atau apalah namanya cukup berpengaruh untuk kecepatan load sebuah website. Ini terbukti dari GTmetrix yang memberi prioritas tinggi terhadap elemen Minify CSS dengan nilai rata-rata 81%. Sederhananya, Minify CSS adalah membuat instruksi CSS menjadi lebih kecil.
Cara Mengecilkan CSS
Untuk melakukan ini, anda bisa menggunakan beberapa tool online yang bertebaran di google, namun saya ingin sedikit membahas sedikit mengenai hal ini. Berikut adalah beberapa instruksi CSS yang diformat menggunakan banyak whitespace yang sebenarnya tidak baik untuk ukuran file.
body { background-color:#d0e4fe; } h1 { color:orange; text-align:center; }Kode di atas ketika sudah melalu proses Minify CSS akan terlihat seperti ini:
body{background-color:#d0e4fe;}h1{color:orange;text-align:center;}Kode minify lebih kecil dalam ukuran file, ini akan bekerja optimal jika web atau blog anda menggunakan file CSS yang besar. Oleh karena kode CSS anda lebih kecil dalam ukuran dan telah dioptimalkan, maka halaman web anda akan dibuat lebih cepat oleh browser. Dengan begitu, tidak masalah apakah anda menggunakan CSS inlined, CSS external files, atau CSS combined external file, Minify CSS akan membantu halaman web anda dimuat lebih cepat.
Sampaikan Komentar Anda: