HostingServerTutorial

Ottimizzare, Minimizzare e Comprimere i CSS e i Javascript tramite Shell Linux/Unix del Server

Come posso fare a ottimizzare e minimizzare i miei file CSS e Javascript su sistema Linux o Unix usando la Shell di comando del mio Server? Come posso comprimere i file javascript e i fogli di stile con la shell rendendo più facile e veloce il loro download senza utilizzare dei tools online?

La risposta a queste tipiche domande è molto semplice, basta usare l’utility “YUI Compressor”.
Questa utility è una delle più usate e diffuse per ottimizzare e minimizzare file JS e fogli di stile.
Questa è la descrizione di “Yui Compressor” ufficiale:

 

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.

 

Passo #1: Verificare l’installazione di Java su Linux o Unix SO

Per usare Yui Compressor è necessario avere installato Java sulla nostra macchina linux.
Per verificare la presenza di Java si possono usare i comandi:

  • whereis java
  • which java
  • java -versio

Se questi comandi funzionano correttamente potremo procedere alla fase successiva.

 

Passo #2: Installare yuicompressor su sistema operativo Linux o Unix

Dalla shell digitare il seguente comando wget per scaricare l’ultima versione di yuicompressor:

$ mkdir -p $HOME/yuicompressor
$ cd !!:$
$ wget https://github.com/yui/yuicompressor/releases/download/v2.4.8/yuicompressor-2.4.8.jar

 

Come eseguire yuicompressor?

Per eseguire yuicompressor è necessario eseguire il seguente comando da shell:

$ java -jar yuicompressor-2.4.8.jar

a questo punto verrà restituito sulla shell l’elenco dei comandi disponibili.

 

Come comprimere un file CSS da Shell

innanzitutto è necessario trovare file .css che vogliamo comprimere e andare nella directory in cui si trova.

a questo punto è necessario digitare, sempre sulla shell, il comando:

$ java -jar yuicompressor-2.4.8.jar –type css style.css > mini_style.css

e’ possibile eseguire quest’operazione ricorsivamente con il comando:

for i in file1.css file2.css file3.css file4.css
do
  java -jar yuicompressor-2.4.8.jar --type css -o "mini_$i" "$i"
done

 

Come comprimere un file JS da Riga di Comando

in modo analogo per comprimere un file JS la sintassi è la seguente:

$ java -jar yuicompressor-2.4.8.jar –type js nixcraft.js > mini_nixcraft.js

e questo il relativo comando ricorsivo:

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"
done

 

Lascia un commento

Back to top button