Activer la compression GZIP et le cache du navigateur avec PLESK

Activer la compression GZIP et le cache du navigateur avec PLESK

Publiée le 28/08/2018 dans Développement

GZIP est un algorithme de compression qui permet de réduire la taille des fichiers. La compression est un moyen simple et efficace d'économiser de la bande passante et d'accélérer votre site.

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)

Tester en ligne

Le site internet checkzipcompression propose un service gratuit pour tester la compression de son site internet.


gzip   nginx   plesk   cache   navigateur   checkgzipcompression.com   gzip_comp_level