Optimisation de site Web #1 : objets statiques
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 '*.webp'); 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 "*.webp"); 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.