Augmenter la rapidité de chargement de votre site avec Mod Deflate et le cache-control
Vous voulez augmenter la rapidité de votre site web facilement, en quelques étapes simples ? L’activation du mod_deflate(mod_gzip) et du mod_expires est surement la première chose à faire avant d’optimiser vos scripts. Avant de débuter, voici un peu plus d’explications sur ces 2 systèmes :
Gzip et Deflate (mod_gzip et mod_deflate)
Deflateb et Gzip, aussi appelés mod_deflate et mod_gzip sont es modules Apache qui permettent de compresser la ressource demandée par le client avant de la livrer, ce qui rend la source demandée beaucoup plus petite et du même coup le temps de transmission au client de cette ressource sera écourtée, puisque la ressource sera jusqu’à 4 fois plus petite. Veuillez prendre note que le Gzip n’est pas bon pour les images, il est recommandé d’utiliser cela pour les fichiers textes, comme le HTML, les JavaScripts, les CSS et les fichier de polices de caractères.
Cache-control (mod_expires)
Le cache-control aussi appelé mod_expires, est un module apache servant à délivrer une ressource seulement si celle ci n’est pas dans le cache du navigateur du visiteur et si oui le client n’aura pas à re télécharger cette ressource, il la chargera directement de la cache du navigateur , alors aucune requête n’aura à être faite sur le serveur.
Activation du Gzip et Cache-control
Par défaut ces modules sont installés sur tous nos serveurs. Pour activer ces options, rien de plus simple, ajouter le code ci-bas au début du fichier .htaccess qui se trouve à la racine de votre site web(Généralement dans le public_html) Si le fichier .htaccess n’existe pas, vous pouvez le créer. Si il y a déjà des valeurs présentes dans le fichier .htaccess, vous devrez laisser ce qui est présent et ajouter votre code complètement au début du fichier. Vous pouvez faire cela par FTP ou bien directement avec le gestionnaire de fichier qui se trouve dans votre compte cPanel :
#Activation du Mod Deflate <IfModule mod_deflate.c> # Compresse les fichiers HTML, CSS, JavaScript, Text, XML et les fonts 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 # Ce code est pour assurer une compatibilité avec les anciens navigateurs BrowserMatch ^Mozilla/4 gzip-only-text/html BrowserMatch ^Mozilla/4\.0[678] no-gzip BrowserMatch \bMSIE !no-gzip !gzip-only-text/html Header append Vary User-Agent </IfModule>
#Activation du mod Expires <IfModule mod_expires.c> ExpiresActive On ExpiresByType image/jpg "access plus 1 year" ExpiresByType image/jpeg "access plus 1 year" ExpiresByType image/gif "access plus 1 year" ExpiresByType image/png "access plus 1 year" ExpiresByType text/css "access plus 1 month" ExpiresByType application/pdf "access plus 1 month" ExpiresByType text/x-javascript "access plus 1 month" ExpiresByType application/x-shockwave-flash "access plus 1 month" ExpiresByType image/x-icon "access plus 1 year" ExpiresDefault "access plus 7 days" </IfModule>
Voilà, vous venez d’activer Gzip et le Cache control sur votre site, ces entrées devraient être bonnes pour 90 % des sites web et CMS, vous pouvez l’ajuster au besoin. Vous pouvez utiliser l’outil Dareboost afin de valider si cela est bien actif sur votre site. Veuillez prendre en note que ces valeurs n’affectent que les ressources hébergées sur votre serveur et non pas les ressources hébergées sur d’autres serveurs, comme par exemple les polices de caractères hébergées chez Google. Si le résultat est négatif assurez-vous que vous avez bien inscrit cela dans le bon fichier .htaccess.
Voir les commentaires
Article très bien écrit !
Merci pour ces explications.
Bonjour,
Merci pour cet article intéressant, comme d’habitude
Merci beaucoup
Simple et efficace
Je crois que je rencontre un petit soucis. J'ai beau copier ce code dans le htaccess du site web, Pingtool me dit encore que le Gzip n'est pas activé..
J'ai flushé les caches pourtant et c'est le bon fichier htaccess...