YUI Compressor

YUI Compressor

Apakah web blog anda serasa lambat bila diakses? coba gunakan tool online seperti GTMetrik atau pingdom untuk mengetahui analisis dari lambatnya web blog anda.

Bila terdapat analisa tentang CSS dan JavaScript yang mendapat nilai merah/kurang baik, Tulisan dibawah ini mungkin bisa sedikit membantu permasalahan anda.

Salah satu teknik yang relatif sederhana dan mudah adalah ” kode minification “. Ini adalah proses menghilangkan karakter yang tidak perlu (misalnya:  spasi, baris baru, komentar, delimeters opsional ) dari kode sumber. CSS atau kode JavaScript umumnya minified untuk mengurangi jumlah pengguna byte yang ditransfer dari server .

Tool yang paling terkenal untuk mengecilkan CSS dan JavaScript adalah YUI Compressor, yang merupakan bagian dari YUI ( Yahoo! User Interface ) JavaScript library yang dibuat oleh para IT Yahoo!.

Cara Install YUI Compressor pada server web linux anda.

Java Run timePertama-tama anda harus memiliki Java Run Time yang sudah terinstal pada linux anda. Bila belum silahkan di instal terlebih dahulu melalui tutorial link ini

untuk menginstal YUI Compressor anda bisa menggunakan bantuan tool Putty berikut ini yang bisa anda download terlebih dahulu bila belum memilikinya.

silahkan di DOWNLOAD

Setelahnya anda bisa ketikan perintah berikut pada terminal root anda.

Buatlah Folder baru dengan nama java pada direktori /usr/share/

$ sudo mkdir -p /usr/share/java

Download YUI Compressor dari github.com yang kemudian di taruh dalam folder java yang telah dibuat tadi.

$ sudo wget https://github.com/yui/yuicompressor/releases/download/v2.4.8/yuicompressor-2.4.8.jar -P /usr/share/java

Buat start-up script yang diberi nama yc, seperti pada bagian dibawah ini :

$ sudo vi /usr/bin/yc

#!/bin/sh
java -jar /usr/share/java/yuicompressor-2.4.8.jar “$@”

$ sudo chmod +x /usr/bin/yc

Gunakan perintah yc untuk menjalankan YUI Compressor.

$ yc
YUICompressor Version: 2.4.8

Usage: java -jar yuicompressor-2.4.8.jar [options] [input file]

Global Options
  -V, --version             Print version information
  -h, --help                Displays this information
  --type            Specifies the type of the input file
  --charset        Read the input file using 
  --line-break      Insert a line break after the specified column number
  -v, --verbose             Display informational messages and warnings
  -o                  Place the output into . Defaults to stdout.
                            Multiple files can be processed using the following syntax:
                            java -jar yuicompressor.jar -o '.css$:-min.css' *.css
                            java -jar yuicompressor.jar -o '.js$:-min.js' *.js

JavaScript Options
  --nomunge                 Minify only, do not obfuscate
  --preserve-semi           Preserve all semicolons
  --disable-optimizations   Disable all micro optimizations

If no input file is specified, it defaults to stdin. In this case, the 'type'
option is required. Otherwise, the 'type' option is required only if the input
file extension is neither 'js' nor 'css'.

Untuk mengkompres atau minify sebuah file CSS gunakan perintah berikut :

$ yc default.css -o default-min.css

Kemudian cek berapa ukuran perubahan yang terjadi antara sebelum dan sesudah di kompress, ketikan perintah berikut ini :

$ wc default.css default-min.css
  756  1097 14007 default.css
    0   163  5745 default-min.css

Untuk mengkompres atau minify JavaScript, lakukan perintah berikut :

$ yc sample.js -o sample-min.js

Enter your email address:

Delivered by FeedBurner

Tinggalin Pesan

Tenang bro Email aman, ga ane publish >>>Wajib di isi yang ada tanda *

*