Compression des ressources

bqui · 27/02/2013 14:42:22

Bonjour,

L'affichage de la page d'accueil est relativement lent : entre jquery et les css, il y a près de 400ko à télécharger...

Je souhaiterai donc savoir s'il était possible de compresser les feuilles de style et les javascripts des plugins.

Je pense, mais je n'ai pas essayé, qu'il est déjà possible de le faire pour la skin.

Merci,

Raphaël Franchet · 27/02/2013 15:06:46

vous pouvez simplement activer le zippage des requetes au niveau d'apache et/ou de tomcat

par exemple dans la doc d'install () il y a un httpd-site.conf d'exemple () qui le fait via ces lignes :

        <IfModule deflate_module>
            AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript
        </IfModule>

il faut bien sur avoir le module deflate installé et activé.

Ensuite pour vérifier qu'il est opérationnel, dans Firebug vous analysé une page (après avoir effacé le cache de firefox) et vous trouverez le header Content-Encoding à la valeur gzip

bqui · 27/02/2013 16:38:20

Merci pour ces informations, ça fonctionne bien.
Pourriez vous me confirmer que je peux faire des .gz avec les css de ma skin (en modifiant les références) ?

J'aurai aussi aimé utiliser le cache du navigateur mais je n'arrive pas à le faire faire à Apache : j'ai essayé

<FilesMatch ''\.(gz)$''>
Header set Cache-Control ''max-age=290304000, public''
</FilesMatch>

mais j'ai toujours Cache-Control:max-age=0

Est ce possible de forcer la durée de cache de certaines ressources ?

bqui · 27/02/2013 17:02:13

Pour le cache, j'ai réussi à faire ce que je voulais avec

<IfModule expires_module>
  ExpiresActive On
  ExpiresDefault "access plus 1 seconds"
  ExpiresByType text/html "access plus 1 seconds"
  ExpiresByType image/gif "access plus 120 minutes"
  ExpiresByType image/jpeg "access plus 120 minutes"
  ExpiresByType image/png "access plus 120 minutes"
  ExpiresByType text/css "access plus 60 minutes"
  ExpiresByType text/javascript "access plus 60 minutes"
  ExpiresByType application/x-javascript "access plus 60 minutes"
  ExpiresByType text/xml "access plus 60 minutes"
</IfModule>

Raphaël Franchet · 27/02/2013 17:06:39

ah non non non surout pas
laissez faire les choses et tout ira bien

c'est apache qui zippe les css à la volée : pour le vérifier, installer HTTPFox pour firefox, vous verrez sans Received le nombre d'octets reçus (cache à zéro toujours). La jquery-ui.css passe de 33.5ko à 6.5ko.

refaite F5, vous voyez que la CSS est prise dans le cache (code 304) (après certes une requête serveur pour vérifier qu'un fichier plus récent n'existe pas)

bqui · 27/02/2013 17:50:28

Ok, j'ai donc configuré apache pour faire de la compression et permettre le cache navigateur ... je ne touche plus à rien.

Dans la console développeur de chrome je vois que le chargement est bien plus rapide.

Merci.

Raphaël Franchet · 13/03/2013 13:49:34

Bonjour,
nous avons suivi votre idée et avons aussi remarqué une belle impression de vitesse : nous avons ajouté dans la page du wiki d'installation cette recommandation
(vous ne pouvez pas encore le voir, c'est dans la page d'installation 3.5 à venir très bientôt)

Raphaël Franchet · 13/03/2013 14:09:41

J'ajoute qu'il y a une petite coquille, car (en tout cas chez nous) le mimetype configuré par Apache pour les JS est encore un autre : application/javascript

bqui · 13/03/2013 15:13:52

Tout à fait, je ne l'avais pas corrigé mais c'est pareil chez nous.

Forum Ametys

#1 27/02/2013 14:42:22

Compression des ressources

#2 27/02/2013 15:06:46

Re: Compression des ressources

#3 27/02/2013 16:38:20

Re: Compression des ressources

#4 27/02/2013 17:02:13

Re: Compression des ressources

#5 27/02/2013 17:06:39

Re: Compression des ressources

#6 27/02/2013 17:50:28

Re: Compression des ressources

#7 13/03/2013 13:49:34

Re: Compression des ressources

#8 13/03/2013 14:09:41

Re: Compression des ressources

#9 13/03/2013 15:13:52

Re: Compression des ressources

Board footer