Optimisation du code et en-tête d'expiration

Version imprimable

26/11/2009, 21h21
Immobilis

Optimisation du code et en-tête d'expiration

Salut,

Je m'occupe pas trop des questions d'optimisation en général car je fait souvent de l'intranet. Evidement, il faut savoir changer ses habitudes.

On a une page sur un site client qui fait 1.4 Mo. C'est du lourd... Je cherche des axes d'optimisation. FireBug et YSlow me disent pas mal de choses. Notement qu'il faudrait que j'ajoute des en-têtes pour informer le navigateur de la date d'expiration des composants de ma page. Comment faire cela sur du javascript, css et les images?

Merci d'avance.

A+
27/11/2009, 01h19
Ethyde

Hum pour un poids pareil c'est plutôt un problème d'image trop lourde (ou une appli flash/java/autre ...) que de code source ou de cache navigateur ;)
27/11/2009, 10h43
Macmillenium

Salut,

Citation:

Envoyé par Immobilis

Comment faire cela sur du javascript, css et les

Tout est définit dans la spec HTTP, avec PHP par exemple :fleche: http://fr2.php.net/manual/fr/functio...r.php#AEN41309

Pour l'optimisation des fichiers CSS et JS, tu peux essayer un module de compression coté serveur (Gzip pour Apache par exple, dsl aucune idée sur IIS :mrgreen:).
27/11/2009, 22h35
Immobilis

Citation:

Envoyé par Ethyde

Hum pour un poids pareil c'est plutôt un problème d'image trop lourde (ou une appli flash/java/autre ...) que de code source ou de cache navigateur ;)

Il y effectivement beaucoup d'images. On va peut-être devoir faire un peu d'AJAX pour eviter de tout télécharger et le faire à la demande.
Il y a aussi le javascript généré par le Framework .Net. Ces resources font à peu près 20% du poid de la page. Mais ce n'est pas tant le poid des javascript qui posent problème, mais plutôt le fait que les navigateur ne les téléchargent pas en parallèle. FireBug indique que ces ressources sont téléchargées séquentiellement. Il y a une explication à cela?

Citation:

Envoyé par Macmillenium

Tout est définit dans la spec HTTP, avec PHP par exemple :fleche: http://fr2.php.net/manual/fr/functio...r.php#AEN41309

Ok, mais comment on envoi un en-tête d'expiration sur une image...

Citation:

Envoyé par Macmillenium

Pour l'optimisation des fichiers CSS et JS, tu peux essayer un module de compression coté serveur (Gzip pour Apache par exple, dsl aucune idée sur IIS :mrgreen:).

J'ai un petit peu cherché de ce côté là mais c'est pas une simple case à cocher alors j'avoue que cela me gave un peu.... :aie:

Merki :mouarf:

A+
30/11/2009, 14h04
Macmillenium
Citation:

Envoyé par Immobilis

mais plutôt le fait que les navigateur ne les téléchargent pas en parallèle. FireBug indique que ces ressources sont téléchargées séquentiellement. Il y a une explication à cela?

Pour charger des fichiers (image, js, css etc.) le navigateur déclenche des requêtes HTTP GET, ces requêtes ne sont jamais parallèles (et heureusement :)).
La 1ére chose à faire dans une démarche d'optimisation, c'est de réduire le nombre de requêtes HTTP en utilisant par exemple des techniques comme les sprites css, etc.

Citation:

Envoyé par Immobilis

Ok, mais comment on envoi un en-tête d'expiration sur une image...
J'ai un petit peu cherché de ce côté là mais c'est pas une simple case à cocher alors j'avoue que cela me gave un peu.... :aie:

Sans doute dans ta config serveur, pour Apache par exemple il y a le paramètre ExpiresByType dans un .htaccess :
Code:

1 2 3 4 5 ExpiresActive On ExpiresByType text/javascript "access plus 7 days" ExpiresByType image/jpeg "access plus 30 days" ExpiresByType image/png "access plus 30 days"