Exploiter la mise en cache du navigateur PageSpeed Insights

Par T-PHP dans Développement

ATTENTION : une erreur de manipulation sur votre fichier .htaccess peut rendre votre site inaccessible. Je vous conseille de faire une sauvegarde de votre fichier avant de faire la modification. 

Si vous souhaitez améliorer le référencement de votre site et le confort de vos visiteurs, les performances de votre site sont primordiales.

L'outil Google PageSpeed Insight vous permet de faire un scan de votre site afin que Google vous indique les optimisation à effectuer : Réduire le temps de réponse du serveur, Éliminer les codes JavaScript et CSS qui bloquent l'affichage du contenu au-dessus de la ligne de flottaison, Exploiter la mise en cache du navigateur...

C'est ce dernier point que nous allons corriger. 

Normalement, le scan Page Speed Insight doit vous indique ce message :

Cache Navigateur Google PageSpeed Insights

Plusieurs types de fichiers peuvent être mis en cache : images, css, javascript, html, rss, favicon, police de caractères etc.

Voici le code à insérer dans votre fichier .htacess (à la racine de votre site) :

# Mod Expires Headers

ExpiresActive On
ExpiresDefault "access plus 1 month"
# Images
ExpiresByType image/jpg "access plus 1 month"
ExpiresByType image/jpeg "access plus 1 month"
ExpiresByType image/png "access plus 1 month"
ExpiresByType image/gif "access plus 1 month"
# Videos
ExpiresByType video/ogg "access plus 1 month"
ExpiresByType video/mp4 "access plus 1 month"
ExpiresByType video/webm "access plus 1 month"
# Audio
ExpiresByType audio/ogg "access plus 1 month"
# CSS
ExpiresByType text/css "access plus 1 year"
#JavaScript
ExpiresByType application/javascript "access plus 1 year"
ExpiresByType text/javascript "access plus 1 year"
ExpiresByType application/x-javascript "access plus 1 year"
# HTML
ExpiresByType text/html "access plus 1 week"
ExpiresByType application/xhtml+xml "access plus 1 week"
# Data
ExpiresByType text/xml "access plus 0 seconds"
ExpiresByType application/xml "access plus 0 seconds"
ExpiresByType application/json "access plus 0 seconds"
# Feed RSS et Atom
ExpiresByType application/rss+xml "access plus 1 hour"
ExpiresByType application/atom+xml "access plus 1 hour"
# Favicon
ExpiresByType image/x-icon "access plus 1 month"
# Fonts
ExpiresByType application/x-font-ttf "access plus 1 month"
ExpiresByType font/opentype "access plus 1 month"
ExpiresByType application/x-font-woff "access plus 1 month"
ExpiresByType image/svg+xml "access plus 1 month"
ExpiresByType application/vnd.ms-fontobject "access plus 1 month"

# END Expires Headers

J'ai mis une valeur par défaut de 1 mois, mais vous pouvez bien sûr la modifier comme vous le souhaitez. 

Bonus : Désativer les ETag pour améliorer les performances de votre site

Voici un petit bonus à ajouter dans votre fichier .htaccess afin d'améliorer encore plus les performances de votre site.

Header unset ETag 
FileETag none

Commentaires

Ajouter un commentaire

Rechercher

T-PHP

PHP, SEO, LINUX

E-Commerce, Nouvelles technologies