Toutes les clefs pour réussir dans le e-commerce

Mes modules Prestashop

Compression gzip des fichiers css et javascript

La compression gzip permet de limité la perte de bande passante dû au téléchargement des fichiers css et javascript c’est de plus une des optimisations de site qui peuvent avoir une influence sur votre référencement. 5 minutes suffisent pour la mettre en place donc ne passez pas à coté.

Voici une méthode pour compresser vos fichier css. Il en existe d’autres mais celle ci est simple rapide et propre. Avec quelques arrangement vous pourrez l’utiliser pour compresser vos fichiers javascript.

Dans vote répertoire comprenant vos fichiers css créé un fichier .htaccess et insérer ce code:



AddHandler application/x-httpd-php .css
php_value auto_prepend_file zipcss.php
php_flag zlib.output_compression On
Créé ensuite un fichier zipcss.php dans le même répertoire et insérer ce qui suit:
header("Content-type: text/css; charset: UTF-8");
header("Cache-Control: must-revalidate");
$offset = 60 * 60 ;
$ExpStr = "Expires: " .
gmdate("D, d M Y H:i:s",
time() + $offset) . " GMT";
header($ExpStr);


Et voila désormais vos fichiers css seront compressés et vous gagnerez quelques KO de bande passante.

La méthode est la même pour vos fichier javascript il faut juste modifier légèrement le header

Attention pour les sites hébergés chez 1and1 ou ovh lisez ceci: compression gzip chez 1and1

Poster un Commentaire

4 Commentaires sur "Compression gzip des fichiers css et javascript"

Recevoir un email pour
avatar
Trier par:   plus récent | plus vieux | Plus de vote
Nicolas L.
Invité

Yeah ! Une petite recherche ‘gzip javascript’ et je tombe sur ton billet. Très court mais très pertinent ! Ça fonctionne très bien ;) Petite astuce si vous avez des fichiers JS dans différents dossier, mettre le chemin absolu cette variable (exemple) :
php_value auto_prepend_file /home/web/monespace/ftp/www/dossier1/javascript/zipjs.php

merci Manitac ;)

olivier
Invité
olivier

ça marche super bien! merci

samir
Invité
samir

Bonjour,
ça marche très bien pour le css mais pour le js non?

wpDiscuz