Optimasi Loading Web Dengan Combine+Minify File Css Dan Js (Codeigniter)
bagaimana cara meningkatkan secara optimal load image, nah pada pembahasan kali ini saya akan membahas bagaimana cara meningkatkan secara optimal loading web dengan cara menggabungkan + meminimalkan file css dan js kita. Kaprikornus cara ini akan menggabungkan semua file css anda menjadi satu file css dan file js menjadi satu file, kemudian 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 dikala akan meload style dan js-nya.
Cara ini saya sanggup dari teman facebook ku, om Tirta Keniten :) , waktu itu ia nyaranin 1 library php berjulukan minify. Library ini memiliki kemampuan menggabungkan+meminimalkan file css dan js.
Kelebihan dari library ini menyerupai yang sudah di jelaskan sebelumnya, yaitu sanggup mempercepat load web anda dengan cara menggabungkan+meminimalkan file css dan js anda.
Berikut andalah screen shot file yang sudah di combine+minify :
Styles.min.css merupakan hasil dari adonan semua file css yang ada di folder css dan script.min.js merupakan hasil dari adonan semua file yang ada di folder js. Pada gambar di atas saya menggabungkan 2 file css dan 2 file js. Berikut yakni gambar file js dan css sebelum di combine+minify.
Cara ini saya sanggup dari teman facebook ku, om Tirta Keniten :) , waktu itu ia nyaranin 1 library php berjulukan minify. Library ini memiliki kemampuan menggabungkan+meminimalkan file css dan js.
Kelebihan dari library ini menyerupai yang sudah di jelaskan sebelumnya, yaitu sanggup mempercepat load web anda dengan cara menggabungkan+meminimalkan file css dan js anda.
Berikut andalah screen shot file yang sudah di combine+minify :
Styles.min.css merupakan hasil dari adonan semua file css yang ada di folder css dan script.min.js merupakan hasil dari adonan semua file yang ada di folder js. Pada gambar di atas saya menggabungkan 2 file css dan 2 file js. Berikut yakni gambar file js dan css sebelum di combine+minify.
Mungkin tanpa banyak basabasi mari kita lanjut ke praktiknya saja. Pada pembahasan kali ini saya akan menerapkan library minify ini pada codeigniter.
Spesifikasi sourcecode yang ku pakai :
- Codeigniter 3.0.3
- Library Minify (d0wnl0ad versi untuk codeingiter disini) by, slawomir jasinski
Pada library yang di buat oleh om slawomir sudah terdapat libralies + pola penggunaannya, anda tinggal lihat-lihat saja.
Sedikit penjelasan, abaikan file controllernya. Anda lihat file view bab arahan :
<?php
$this->minify->css(array('browser-specific.css', 'style.css'));
echo $this->minify->deploy_css();
$this->minify->js(array('helpers.js', 'jqModal.js'));
echo $this->minify->deploy_js(FALSE, 'custom_js_name.min.js');
?>
Library akan membaca file css pada direktori assets/css, dan akan membaca file js pada assets/js. jadi kalau pada dikala anda memakai library ini direktori asset anda harus menyerupai ini :
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 yakni script.min.js atau script.min.css. Tetapi anda juga sanggup memodifikasi nama file output yang nanti akan di hasilkan dengan cara :
Mudahkan :) , kalau galau komen saja yah :)
Mungkin saya cukupkan sekian untuk pembahasan kali ini, danke :)
Sumber http://www.kang-cahya.com
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 yakni script.min.js atau script.min.css. Tetapi anda juga sanggup memodifikasi nama file output yang nanti akan di hasilkan dengan cara :
//untuk css
echo $this->minify->deploy_css(FALSE, 'custom_css_name.min.js');
//untuk js
echo $this->minify->deploy_js(FALSE, 'custom_js_name.min.js');
?>
Mudahkan :) , kalau galau komen saja yah :)
Mungkin saya cukupkan sekian untuk pembahasan kali ini, danke :)
0 Response to "Optimasi Loading Web Dengan Combine+Minify File Css Dan Js (Codeigniter)"
Posting Komentar