Optimisation de site Web #1 : objets statiques

320px-W&H_compactor_p1

Un site web est composé de ressources dynamiques et de ressources statiques.
Dynamiques sont les langages de programmation qui génèrent une page à partir d’informations situées souvent dans une base de données.
Statiques sont les autres ressources (images, feuilles de styles Css, scripts JS, fichiers XML, …).

Quand je parle d’optimisation, je parle de compression sans perte.

Pensez à sauvegarder avant, au cas où la compression ne vous convient pas.

 

Optimisation des images PNG

 

Pour cela, il vous faudra installer un logiciel qui répond au nom original d’optipng.

apt-get install optipng
cd /var/www/monsitedelamort
for i in $(find -name '*.png'); do optipng -o7 $i;done

 

Optimisation des images Jpeg

 

Pour les images en Jpeg, il faudra utiliser un logiciel comme jpegoptim :

apt-get install jpegoptim
cd /var/www/monsitedelamort
for i in $(find -name "*.jpg"); do jpegoptim --strip-all --all-progressive $i;done

 

Compression des fichiers textes (css, js, xml)

 

Les fichiers textes se compressent facilement avec yui-compressor :

apt-get install yui-compressor
cd /var/www/monsitedelamort
for i in $(find -name "*.css"); do yui-compressor $i > $i;done

 

Là on a vu la compression des objets eux-même. La prochaine fois, on verra qu’on peut aussi optimiser du côté d’Apache.

 

 

Sur le même sujet :