Pengertian Serta Cara Compress CSS dan JavaScript menggunakan CSS Minifier

Pengertian Serta Cara Compress CSS dan JavaScript menggunakan CSS Minifier  - pasti kalian sama seperti saya pada awalnya dulu, dan juga kalian pasti akan bertanya apakah itu CSS Minifier ?? Bagaimana cara Compress CSS dan javascript, disini saya akan membahasnya satu satu, 

Blog yang mempunyai waktu loading yang lama akan mempunyai banyak dampak negatif seperti bounce rate yang tinggi, sedikit pengunjung yang kembali, dan juga akan mempengaruhi ranking blog anda di SERP (Search Engine Results Page). Oleh sebab itu saya sarankan untuk melakukan minify terhadap JavaScript dan CSS sangat direkomendasikan. Kenapa hanya JavaScript dan CSS yang diminify / di compress? Jika anda melakukan observasi terhadap komponen blog anda, JS (JavaScript) dan CSS masuk dalam kategori heavy files, atau file yang memberatkan bagi blogger / website.

Jika anda melakukan analisis terhadap blog menggunakan  Google PageSpeed Insight, anda akan melihat bagaimana render blocking JS dan CSS yang membuat blog anda lelet atau Lola ( Loading Lama ). JS dan CSS itu adalah bagian dari Tema dan Plugin yang blog anda gunakan.

Maka ketika seseorang mengunjungi blog anda, browser yang digunakan akan mendownload file-file tersebut serta file HTML blog anda satu persatu. Seperti mendownload CSS tema, CSS plugin, kemudian JS plugin dan seterusnya sampai semuanya selesai. proses ini membutuhkan waktu dan sumberdaya (server anda) dan hal tersebut membutuhkan waktu yang lumayan lama jika website kalian berat atau banyak sekali iklan atau css atau javascript yang digunakan dan Yang paling parah, kadang-kadang blog tidak akan terbuka secara sempurna sampai semua JS dan CSS didownload oleh browser. Hal inilah yang menyebabkan loading blog menjadi lama.

Apa itu Minify?

Bahasa Sederhananya minify merupakan suatu cara untuk mengumpulkan semua elemen yang ada di blog (JS & CSS) dan kemudian menggabungkannya menjadi satu file. maka Selanjutnya file yang digabungkan tersebut akan dikompres dan menjadikannya lebih ringan. Hal ini akan meningkatkan kecepatan loading dari sebuah website.

Kenapa CSS minifi / Compress CSS dan Javascript ini begitu penting ? 

menurut saya, dikarenakan banyak pengguna Smartphone dan desktop ( PC ) yang mengunjungi blog atau website kalian, pasti kalian juga tidak mau kan kalau kalian mengunjungi website yang sangat berat ?? yang sangat lemot dan lola untuk di kunjungi ? maka prinsip ini pula di terapkan pada website saya, untuk Kecepatan blog saya juga tidak kalah cepat dengan website lain. maka saya sarankan untuk Compress CSS dan javascript kalian juga,, 

Bagaimana melakukan CSS dan JavaScript Minify / Compress, ??

caranya sangatlah mudah kalian hanya tinggal mengikuti instruksi dari saya saja dan tinggal copas saja css dan js yang kalian miliki dan mau kalian compress,

1. Siapkan CSS / JavaScript yang ingin / akan di Compress / di minify.
2. Kunjungi Tools CSS Minifier atau kalian bisa klik Tools CSS Minifier yang ada di navigasi menu di atas ^^
3. Silahkan kalian Copas CSS dan JS yang kalian ingin compress pada tahap ke 1 tadi,
4. silahkan kalian empat kolom yang ada di bagian bawah kolom CSS minify, saya tidak bisa menyarankan yang terbaik tetapi berbeda-beda settingan sih, jadi bereksperimen saja ya.
5. silahkan klik Compress CSS
6. kalau sudah silahkan Select All 
7. Copas kembali kode yang tadi sudah di compress dan masih keadaan masih di kolom CSS minify,
8. Letakan kembali Js dan CSS yang sudah di Compress tadi ke tempat semula / di tempat kalian comot tuh JS dan CSS.

nah begitulah postingan kali ini tentang Pengertian Serta Cara Compress CSS dan JavaScript menggunakan CSS Minifier semoga postingan ini bisa bermanfaat bagi kalian oh iya kalian bisa lihat penampakan atau gambaran dari CSS minify ini di gambar di atas yang sudah saya sertakan, jika kalian merasa pencerahan dan pengertian yang saya tulis di atas tidak lengkap atau masih kurang dari kata lengkap kalian juga bisa mencarinya di http://www.google.co.id silahkan cari saja kalau ada itu juga, soalnya kebanyakan dari Negara barat / luar negeri bukan dari indonesia, jarang juga saya menemukan tutorial seperti ini dan ini juga saya buat postingan agar mempermudah untuk blogger indonesia agar blog / website mereka lebih optimal dan fast, 

Salam Mas Wahyu Blog Team.

Share this post