Optimasi loading web dengan combine+minify file css dan js (codeigniter)

Optimasi loading web dengan combine+minify file css dan js (codeigniter) – Hallo, guten tag! 🙂 , pada pembahasan sebelumnya saya telah membahas bagaimana cara optimasi load image, nah pada pembahasan kali ini saya akan membahas bagaimana cara optimasi loading web dengan cara menggabungkan + meminimalkan file css dan js kita. Jadi cara ini akan menggabungkan semua file css anda menjadi satu file css dan file js menjadi satu file, lalu habis file css di gabung barulah file css dan js itu di minimalkan sehingga file akan menjadi sangat kecil dan web akan sangat cepat pada saat akan meload style dan js-nya.

Cara ini aku dapat dari teman facebook ku, 🙂 , waktu itu dia nyaranin 1 library php bernama minify. Library ini mempunyai kemampuan menggabungkan+meminimalkan file css dan js.

Kelebihan dari library ini seperti yang sudah di jelaskan sebelumnya, yaitu dapat mempercepat load web anda dengan cara menggabungkan+meminimalkan file css dan js anda.

Berikut andalah screen shot file yang sudah di combine+minify

minify css minify dir

minify dir

minify js

Spesifikasi sourcecode yang ku pakai :
Pada library yang di buat oleh om slawomir sudah terdapat libralies + contoh penggunaannya, anda tinggal lihat-lihat saja.

Sedikit penjelasan, abaikan file controllernya. Anda lihat file view bagian kode :

Semua js di letakan di assets/js dan semua file css di letakan di assets/css.

Default-nya nama output yang di hasilkan dari library ini adalah script.min.js atau script.min.css. Tetapi anda juga dapat memodifikasi nama file output yang nanti akan di hasilkan dengan cara :

Mudahkan 🙂 , jika bingung komen saja yah 🙂
Mungkin saya cukupkan sekian untuk pembahasan kali ini, danke 🙂

 

Related Posts
Leave a reply