-
Lihat Daftar Paket Kursus Aplikasi Berbasis Website KLIK TOMBOL INI
-
Blog
-
Cara Minify Kode JavaScript
- Selasa, 16 Januari 2018 13:10:33
- Author : Brian Abraham
33641Halo guys, pada kesempatan kali ini Jasa Pembuatan Website punya sedikit tips dan trik mengenai Cara Minify Kode JavaScript. Perlu kalian ketahui sebelumnya, Minify adalah salah satu metode untuk meringkas kode atau mengkompres (memperkecil) ukuran file JavaScript, karena besar atau kecilnya file JavaScript tersebut akan berpengaruh besar untuk loading website yang kalian buat.
Hingga saat ini metode minify tersebut diterapkan di berbagai framework css seperti Bootstrap. Mungkin kalian sempat bingung, kenapa di dalam file JavaScript Bootstrap terdapat dua file dengan nama yang hampir sama, dan kenapa pada link JavaScript file html Bootstrap tersebut menggunakan file JavaScript yang bernama Bootstrap.min.js. Hal tersebut di terapkan Bootstrap dengan tujuan untuk meminimalisir loading website dengan metode tersebut.
Pada contoh yang saya gunakan untuk minify kode atau file JavaScript disini, melalui situs-situs minify online, sepert javascript-minifier.com/. Dan kalian bisa ikuti tahapan yang saya berikan di bawah ini
Berikut Tahapan-Tahapannya
- Kalian buka file JavaScript yang ingin di Minify
- Selanjutnya, salin semua kode yang ada di file JavaScript tersebut
- Kemudian, kunjungi situs berikut https://javascript-minifier.com/
- Tempel semua kode yang sebelumnya sudah kalian Copy, kedalam kotak Input JavaScript seperti pada contoh gambar berikut
- Selanjutnya, tekan tombol yang berwarna Biru yang bertuliskan Minify
- Tunggu hingga proses Minify selesai, jika sudah selesai maka akan menampilkan kode hasil Minify pada kotak Minified Output
- Jika sudah Salin semua kode hasil Minify pada kotak Minified tersebut
- Buat satu buah file JavaScript dengan nama nama_file.min.js (untuk nama_file di sesuaikan dengan nama file kalian).
Sampai disini kalian sudah selesai melakukan Minify JavaScript, dan coba kalian lihat dari kedua file tersebut terlihat jelas perbedaan dari segi ukuran atau size file keduanya dimana file hasil Minify lebih kecil dari file JavaScript aslinya, sedangkan untuk penggunaan file JavaScript di dalam link HTML, arahkan ke path file Minify tersebut. Disini saya harap kalian sudah paham, dan apabila mengikuti tahapan yang saya berikan dengan benar maka sekarang kalian sudah berhasil melakukan Cara Minify Kode JavaScript.
Sampai disini tips dan trik yang Jasa Pembuatan Website jelaskan mengenai Cara Minify Kode JavaScript, jangan sungkan untuk berkomentar di kotak komentar yang saya sediakan di bawah ini.
- Apakah kalian sedang bingung mencari tempat khursus website terbaik di area jakarta, bogor, depok,
tangerang dan bekasi ?
- Apakah kalian seorang mahasiswa yang ingin menjadi Programmer Web Professional ?
- Apakah kalian seorang karyawan diperusahaan yang ingin upgrade skill ke bidang Applikasi Web ?
Kunjungi link dibawah ini :
Tempat Khursus Website Terbaik Di Dumet School
~ Happy Coding Guys ~ -
KOMENTAR
-
Kirim Komentar
Untuk mengirim komentar, lengkapi formulir dibawah ini.