Activer la compression GZIP et le cache du navigateur avec PLESK

Activer la compression GZIP et le cache du navigateur avec PLESK

GZIP est un algorithme de compression largement utilisé sur le web pour réduire la taille des fichiers texte tels que les pages HTML, les feuilles de style CSS ou encore les fichiers JS - JavaScript.
Son rôle principal est de compresser ces ressources avant qu'elles ne soient envoyées depuis le serveur vers le navigateur de l'utilisateur. Une fois reçus, ces fichiers sont automatiquement décompressés par le navigateur, sans impact visible pour l'internaute.

L’activation de la compression GZIP est simple, rapide et efficace pour la diminuer la quantité de données transférées, ce qui permet d’économiser de la bande passante et surtout d’accélérer considérablement le temps de chargement de votre site. Cela améliore non seulement l’expérience utilisateur, mais contribue aussi à un meilleur référencement naturel - SEO, puisque la vitesse de chargement  est un critère pris en compte par les moteurs de recherche comme Google ou Bing.

Procédure

Dans la page des paramètres NGINX de votre nom de domaine

Directives supplémentaires Apache

Ajoutez les lignes suivantes dans les cases Directives supplémentaires pour HTTP et Directives supplémentaires pour HTTPS Pour la compression GZIP :

BrowserMatch ^Mozilla/4 gzip-only-text/html
BrowserMatch ^Mozilla/4.0[678] no-gzip
BrowserMatch bMSIE !no-gzip !gzip-only-text/html

Pour le cache du navigateur :

AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/vnd.ms-fontobject
AddOutputFilterByType DEFLATE application/x-font
AddOutputFilterByType DEFLATE application/x-font-opentype
AddOutputFilterByType DEFLATE application/x-font-otf
AddOutputFilterByType DEFLATE application/x-font-truetype
AddOutputFilterByType DEFLATE application/x-font-ttf
AddOutputFilterByType DEFLATE application/x-javascript
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE font/opentype
AddOutputFilterByType DEFLATE font/otf
AddOutputFilterByType DEFLATE font/ttf
AddOutputFilterByType DEFLATE image/svg+xml
AddOutputFilterByType DEFLATE image/x-icon
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/javascript
AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/xml

Directives supplémentaires NGINX

Pour activer la compression GZIP :

gzip on;
gzip_comp_level 9;
gzip_disable “MSIE [1-6].(?!.*SV1)”;
gzip_vary on;
gzip_proxied any;
gzip_types application/x-javascript application/atom+xml application/javascript application/json application/rss+xml application/vnd.ms-fontobject application/x-font-ttf
application/x-web-app-manifest+json application/xhtml+xml application/xml+rss application/xml font/opentype image/svg+xml image/x-icon text/css [s]text/html[/s] text/plain text/x-component text/xml text/x-js text/javascript;

Pour activer le cache du navigateur :

location ~* \.(ogg|ogv|svg|svgz|eot|otf|woff|mp4|ttf|css|rss|atom|js|jpg|jpeg|gif|png|ico|zip|tgz|gz|rar|bz2|doc|xls|exe|ppt|tar|mid|midi|wav|bmp|rtf|swf|webp)$ {
    add_header "Access-Control-Allow-Origin" "*";
    access_log off;
    log_not_found off;
    expires max;
}

gzip_comp_level

Allant de 0 à 9, il est possible d'indiquer la force de compression de GZIP avec gzip_comp_level.

0    55.38 KiB (100.00% of original size)
1    11.22 KiB ( 20.26% of original size)
2    10.89 KiB ( 19.66% of original size)
3    10.60 KiB ( 19.14% of original size)
4    10.17 KiB ( 18.36% of original size)
5     9.79 KiB ( 17.68% of original size)
6     9.62 KiB ( 17.37% of original size)
7     9.50 KiB ( 17.15% of original size)
8     9.45 KiB ( 17.06% of original size)
9     9.44 KiB ( 17.05% of original size)