systemadmin.es > Utilidades > Instalar yui compressor para minificar CSS y Javascript

Instalar yui compressor para minificar CSS y Javascript

Mediante yui compressor podemos minificar CSS y Javascript desde linea de comandos, vamos a ver cómo instalarlo.

Primero de todo nos deberemos asegurar que tenemos instalado java:

# java -version
java version "1.8.0_40"
Java(TM) SE Runtime Environment (build 1.8.0_40-b25)
Java HotSpot(TM) 64-Bit Server VM (build 25.40-b25, mixed mod

A continuación nos bajaremos el .jar y lo dejaremos, por ejemplo, en el /opt/yuicompressor:

mkdir -p /opt/yuicompressor
wget https://github.com/yui/yuicompressor/releases/download/v2.4.8/yuicompressor-2.4.8.jar -P /opt/yuicompressor

Finalmente instalaremos un wrapper en /usr/local/bin para facilitar su uso:

cat <<"EOF" > /usr/local/bin/yui
#!/bin/sh
java -jar /opt/yuicompressor/yuicompressor-2.4.8.jar "$@
EOF

A continuación podremos probarlo mediante –version:

# yui --version
2.4.8

Mediante la opción -o podemos indicar dónde dejar el fichero resultante, por ejemplo:

# yui style.css -o style.yui.css 

En este caso la diferencia de tamaños es:

# ls -la style.*
-rw-r--r-- 1 root root 8029 Oct 16 10:57 style.css
-rw-r--r-- 1 root root 6710 Oct 16 10:58 style.yui.css

El contenido podemos apreciar que difiere sensiblemente:

# head style.css 
* 					{margin: 0; padding: 0; font-family: arial,sans; font-size: 13px;}
.ninja 					{color: black; visibility: hidden;}
a 					{text-decoration: none;}
a:hover 				{text-decoration: underline;}

img.linkedin				{width:16px;height:16px; background:url('/wp-content/uploads/2008/09/twitter_linkedin_logo.jpg') 0 0;}
img.twitter				{width:16px;height:16px; background:url('/wp-content/uploads/2008/09/twitter_linkedin_logo.jpg') 0 16px;}

img					{border: none;}
# head style.yui.css 
*{margin:0;padding:0;font-family:arial,sans;font-size:13px}.ninja{color:black;visibility:hidden}a{text-deco (...)

Deja un comentario:

XHTML - Tags permitidos:<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>