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.


facebooktwitterlinkedingoogle

Previous Article précédent
Article suivant Next


Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *