Htaccess: ajouter expire headers

Brice Emery MBENDJEMis à jour le 17 septembre 20132 Minutes de lecture231 Vues

Après l’insertion de l’un de ces codes d’expire headers dans votre fichier Htaccess, une durée déterminée sera indiquée pour permettre à certains fichiers de rester en cache dans le navigateur du visiteur.

De cette façon, le navigateur n’aura plus besoin d’exécuter des requêtes pour vérifier la validité de votre cache. Ce qui est très utile pour diminuer le nombre de requêtes pendant le chargement de votre page web.

Code expire en-têtes (expire headers), combiné au cach-control headers, à ajouter au fichier Htaccess

 ExpiresActive on

# Perhaps better to whitelist expires rules? Perhaps.
 ExpiresDefault      "access plus 1 month"

# cache.appcache needs re-requests
# in FF 3.6 (thx Remy ~Introducing HTML5)
 ExpiresByType text/cache-manifest "access plus 0 seconds"

# Your document html
 ExpiresByType text/html "access plus 0 seconds"

# Data
 ExpiresByType text/xml "access plus 0 seconds"
 ExpiresByType application/xml "access plus 0 seconds"
 ExpiresByType application/json "access plus 0 seconds"

# RSS feed
 ExpiresByType application/rss+xml "access plus 1 hour"

# Favicon (cannot be renamed)
 ExpiresByType image/x-icon "access plus 1 week"

# Media: images, video, audio
 ExpiresByType image/gif "access plus 1 month"
 ExpiresByType image/png "access plus 1 month"
 ExpiresByType image/jpg "access plus 1 month"
 ExpiresByType image/jpeg "access plus 1 month"
 ExpiresByType video/ogg "access plus 1 month"
 ExpiresByType audio/ogg "access plus 1 month"
 ExpiresByType video/mp4 "access plus 1 month"
 ExpiresByType video/webm "access plus 1 month"

# HTC files  (css3pie)
 ExpiresByType text/x-component "access plus 1 month"

# Webfonts
 ExpiresByType font/truetype "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"

# CSS and JavaScript
 ExpiresByType text/css "access plus 1 year"
 ExpiresByType application/javascript "access plus 1 year"
 ExpiresByType text/javascript "access plus 1 year"

  Header append Cache-Control "public"

Source: wp.tutsplus.com (en anglais)

Ou ce code de Seomix.fr

# BEGIN Expire headers
<IfModule mod_expires.c>
ExpiresActive On
ExpiresDefault « access plus 7200 seconds »
ExpiresByType image/jpg « access plus 2592000 seconds »
ExpiresByType image/jpeg « access plus 2592000 seconds »
ExpiresByType image/png « access plus 2592000 seconds »
ExpiresByType image/gif « access plus 2592000 seconds »
AddType image/x-icon .ico
ExpiresByType image/ico « access plus 2592000 seconds »
ExpiresByType image/icon « access plus 2592000 seconds »
ExpiresByType image/x-icon « access plus 2592000 seconds »
ExpiresByType text/css « access plus 2592000 seconds »
ExpiresByType text/javascript « access plus 2592000 seconds »
ExpiresByType text/html « access plus 7200 seconds »
ExpiresByType application/xhtml+xml « access plus 7200 seconds »
ExpiresByType application/javascript A2592000
ExpiresByType application/x-javascript « access plus 2592000 seconds »
ExpiresByType application/x-shockwave-flash « access plus 2592000 seconds »
</IfModule>
# END Expire headers

Avec le complément Cach-control headers du même site.

# BEGIN Cache-Control Headers
<IfModule mod_headers.c>
<filesmatch « .(ico|jpe?g|png|gif|swf|css|gz)$ »>
Header set Cache-Control « max-age=2592000, public »
</FilesMatch>
<FilesMatch « .(js)$ »>
Header set Cache-Control « max-age=2592000, private »
</FilesMatch>
<filesmatch « .(html|htm)$ »>
Header set Cache-Control « max-age=7200, public »
</filesMatch>
# Disable caching for scripts and other dynamic files
<filesmatch « .(pl|php|cgi|spl|scgi|fcgi)$ »>
Header unset Cache-Control
</FilesMatch>
</IfModule>
# END Cache-Control Headers

Maintenant que vous avez ajouté ces modules expire headers et cach-control headers dans votre fichier Htaccess, vous pourrez constater en analysant votre page web qu’il y a eu une avancée considérable au niveau de l’optimisation. Dommage que ce ne soit pas suffisant car il faut encore s’occuper d’autres choses, pour une meilleure optimisation de votre site wordpress. Suivez ces liens pour continuer le processus.

Vous pourriez aussi être intéressé par ces sujets: