Discussion :

[Immobilis]

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+

[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

[Macmillenium]

Salut,

Comment faire cela sur du javascript, css et les

Tout est définit dans la spec HTTP, avec PHP par exemple 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 ).

[Immobilis]

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?

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

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

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 ).

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....

Merki

A+

[Macmillenium]

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.

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....

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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"