Compression automatique de fichiers CSS et javascript Imprimer 

International version is available here

Quand bien même, si la moitié des ménages français disposent, aujourd’hui, d’une connexion ADSL performante, il s’agit là d’une exception au regard du reste du monde. La vitesse d’affichage des sites Internet reste une priorité. Car, tout comme les consommateurs, les internautes sont versatiles et impatients, peu enclin à l’attente pendant leur visite sur le net.

Et pourtant, le concepteur web moderne ne peut faire l’impasse sur les enrichissements qu’offrent CSS3 (effets, transitions et animations), ni sur l’usage des frameworks et plugins javascript auxquels s’ajoutent l’intégration d’images – la tendance allant vers le grand format – ainsi que de divers médias.

Outre l’attention portée aux autres contenus, une bonne pratique consistera à gzipper vos feuilles de styles CSS ainsi que vos fichiers javascript, sans rien changer à vos habitudes, et de manière automatique, par une simple modification de votre fichier .htaccess.

Editez votre fichier .htaccess à la racine de Textpattern pour y ajouter ces quelques lignes :

  1. <IfModule mod_gzip.c>
  2. mod_gzip_on Yes
  3. mod_gzip_dechunk Yes
  4. mod_gzip_item_include file \.(html?|txt|css|js|php|pl)$
  5. mod_gzip_item_include handler ^cgi-script$
  6. mod_gzip_item_include mime ^text/.*
  7. mod_gzip_item_include mime ^application/x-javascript.*
  8. mod_gzip_item_exclude mime ^image/.*
  9. mod_gzip_item_exclude rspheader ^Content-Encoding:.*gzip.*
  10. </IfModule>

Il est ici entendu que vos fichiers CSS et javascript sont situés dans un dossier de votre serveur et non pas stockés dans votre base de données. Qui donc, viendrait à utiliser encore cette option ? Si vous tenez à conserver l’accès à vos CSS depuis votre interface d’administration de Textpattern, utilisez l’excellent plugin rvm_css de Ruud van Melik disponible sur cette page.

Puisque ce fichier est ouvert, profitons de l’occasion pour rappeler quelques astuces utiles.

1° Redirection de l’URL avec ou sans www

Cette méthode permet de vous prémunir du “duplicate content” en ne spécifiant qu’une seule URL pour l’accès à un site.

  1. # 301 redirect to domain without 'www.'
  2. RewriteCond %{HTTP_HOST} ^www.txp-fr.net$ [NC]
  3. RewriteRule ^(.*)$ http://txp-fr.net/$1 [R=301,L]
  1. # 301 redirect to domain with 'www.'
  2. RewriteCond %{HTTP_HOST} ^txp-fr.net$ [NC]
  3. RewriteRule ^(.*)$ http://www.txp-fr.net/$1 [R=301,L]

2° Mise en cache automatique

  1. # caching files for one week
  2. <FilesMatch ".(js|css|txt)$">
  3. Header set Cache-Control "max-age=604800"
  4. </FilesMatch>
  5. # caching images & flash files for one month
  6. <FilesMatch ".(pdf|flv|gif|jpg|jpeg|png|ico|swf)$">
  7. Header set Cache-Control "max-age=2592000"
  8. </FilesMatch>

3° Protection des medias contre l’affichage externe

  1. # protect all media files
  2. RewriteCond %{HTTP_REFERER} !^$
  3. RewriteCond %{HTTP_REFERER} !^http://(www\.)?txp-fr.net/.*$ [NC]
  4. RewriteRule \.(gif|jpg|jpeg|png|ico|mp3|mpg|avi|mov)$ - [F]

Note : changez éventuellement les occurrences du site txp-fr.net par votre propre nom de domaine. Les commentaires sont en anglais pour raison d’universalité.

Publié le .

Articles similaires

Une page 404 multilingue - Publié le 10.02.2016 par Patrick LEFÈVRE.
Vos URL s'habillent en Prada - Publié le 05.07.2011 par Patrick LEFÈVRE.
Less installation, more websites : multisites avec Textpattern - Publié le 31.03.2012 par Pierre CASTAING.
Le plugin glz_custom_fields et l'internationalisation - Publié le 28.12.2015 par Patrick LEFÈVRE.
Fractionnez vos listes de liens en colonnes - Publié le 14.12.2011 par Patrick LEFÈVRE.
Accès aux archives des articles

» Article précédent » Article suivant
txp:fr soutient Textpattern ;·) Textpattern CMS

Besoin d'assistance ? Posez votre question sur Entr'Aide txp:fr