Results 1 to 1 of 1
-
4th Apr 2014, 01:53 PM #1
Minify and Compress CSS & Javascript Files At a Linux/Unix Shell Prompt
You need to use "YUI Compressor" tool. It is widely used for minifying JavaScripts and stylesheets. From the project page:Tutorial details Difficulty Easy (rss) Root privileges Yes Requirements None Estimated completion time 5m
The YUI Compressor is JavaScript minifier designed to be 100% safe and yield a higher compression ratio than most other tools. Tests on the YUI Library have shown savings of over 20% compared to JSMin (becoming 10% after HTTP compression). The YUI Compressor is also able to compress CSS files by using a port of Isaac Schlueter's regular-expression-based CSS minifier.Step #1: Install JAVA on Linux or Unix
You need JAVA to run yuicompressor. See how to install JAVA on Linux:
- Install JAVA SDK on a CentOS/RHEL based system
- Instal latest JAVA SDK on a Debian/Ubuntu based system
Once Java installed on the system, make sure you can see the JDK info with the following command:
whereis java
which java
java -versio
Fig. 01: Make sure java is installed on a Linux/Unix based system
Also, make sure you set correct path to JAVA_HOME in your shell startup file. For example:
export JAVA_HOME="/usr/lib/jvm/jre-1.7.0-openjdk.x86_64"
Type the following wget command to download the latest version of yuicompressor:
$ mkdir -p $HOME/yuicompressor
$ cd !!:$
$ wget https://github.com/yui/yuicompressor...ssor-2.4.8.jar
Type the following command to run the yuicompressor directly:
$ java -jar yuicompressor-2.4.8.jar
In this example, I am going to to compress style.css code file to reduce file size and make site load faster. My current file size:
$ ls -l style.css
-rw-r--r--. 1 vivek vivek 46909 Jan 11 21:33 style.css
$ java -jar yuicompressor-2.4.8.jar --type css style.css > mini_style.css
$ java -jar yuicompressor-2.4.8.jar --type css -o mini_style.css style.css
$ ls -l style.css
-rw-r--r--. 1 vivek vivek 36576 Jan 11 21:33 mini_style.css
for i in ie.css style.css tutorial.css social.css
do
java -jar yuicompressor-2.4.8.jar --type css -o "mini_$i" "$i"
done
The syntax is:
$ java -jar yuicompressor-2.4.8.jar --type js nixcraft.js > mini_nixcraft.js
$ java -jar yuicompressor-2.4.8.jar --type js -o mini_nixcraft.js nixcraft.js
for i in nixcraft.js ads.js demo.js ui.js
do
java -jar yuicompressor-2.4.8.jar --type js -o "mini_$i" "$i"
doneGarryField Reviewed by GarryField on . Minify and Compress CSS & Javascript Files At a Linux/Unix Shell Prompt http://www.besthostingforums.com/images/cdn/besthostingforums.com/2014/04/terminal-1.png You need to use "YUI Compressor" tool. It is widely used for minifying JavaScripts and stylesheets. From the project page: Tutorial details Difficulty Rating: 5Follow Board Rules & Thread Rules.
Sponsored Links
Thread Information
Users Browsing this Thread
There are currently 1 users browsing this thread. (0 members and 1 guests)
Similar Threads
-
HowTo: Setup SSH Keys on a Linux / Unix System
By GarryField in forum Server ManagementReplies: 0Last Post: 4th Apr 2014, 01:49 PM -
Linux/Unix: Find Command Ignore Case Insensitive Search
By GarryField in forum Server ManagementReplies: 0Last Post: 4th Apr 2014, 01:43 PM -
[Javascript] Cross-Browser page close prompt
By SplitIce in forum Webmaster ResourcesReplies: 2Last Post: 5th Dec 2010, 05:39 AM -
[linux]Rar files, upload to RS,Hotfile,fileserve,sharingmatrix then delete the files
By jpavsex in forum Tutorials and GuidesReplies: 10Last Post: 13th Jul 2010, 04:49 PM -
[off-topic] In need of a VALID Linux/UNIX VNC License for Ubuntu.
By DXS in forum General DiscussionReplies: 2Last Post: 11th Jan 2010, 11:15 PM
themaLeecher - leech and manage...
Version 5.03 released. Open older version (or...