optimisation chargement page [Résolu]

[omelhor]

Bonjour,

Je cherche a optimiser le temps de chargement de mes pages, j'ai vue que l'on pouvait "cacher" les images, fichiers CSS, javascript
Savez-vous comment faire ?

Merci beaucoup

[Hephaistos007]

Le système de mise en cache est inhérent au navigateur.

Pour les techniques d'optimisions, c'est simple :
- Faire le moins de requêtes/réponses possibles
- Transférer le moins d'octets possibles

ll y a plein de posts qui en parle, juste en dessous du tiens ! Par exemple, l'utilisation de "sprite" CSS, etc...

[SebCNC]

Bonjour.
Pense aussi en terme de "flux" de chargement. C'est-à-dire que si ta page met 5 secondes à charger, peut-être que le plus important peut s'afficher en seulement 2 secondes s'il est placé en tête dans la réponse.
Les pubs et autres éléments secondaires peuvent être chargés en dernier !

Pour le reste de l'optimisation, il y a les sprites effectivement, la compression des css, ... puis les ressources techniques qui dépendent de ton hébergement, et qui peuvent être adaptées à mesure que ton trafic évolue.

Car il y a ça aussi : la tenue en charge du site, c'est-à-dire comment répond-il en conditions de forte affluence ? Avec des tests de charge suffisamment détaillés tu peux voir comment un site se comporte à mesure que le trafic augmente, et même identifier quels sont les points à améliorer en analysant le "waterfall chart" en charge (un outil gratuit pour simuler jusqu'à 25 users simultanés : http://www.CloudNetCare.fr ).

[djibxav]

Pour les images => sprites.
S'assurer aussi qu'elles sont optimisées, une des plus belles chartes graphiques que j'ai implémenté tenait dans 12Ko d'images, chapeau le graphiste qui avait créé la charte.

Pour les css et javascript, tous les regrouper dans 1 fichier (1 pour css 1 pour js hein) et éventuellement les compresser.
Si tu utilise 10 script JS, mieux vaut 1 requête pour les charger que 10 requêtes. Ca vaut aussi pour les CSS.

Et comme déjà dit, faire envoyer le plus important en premier.

Ca c'est juste pour le transfert des éléments vers le client. Après côté serveur, ça dépend de ton code.

[sekaijin]

favoriser au maximun les fichiers statiques.
il est bien plus efficace et rapide de fournir un HTML statique un js statique et un css statique et de ne générer en php, asp, jsp, ... que des données.

dans un temps de chargement le recenti de l'utilisateur est très différent entre une page qui arrive par morceau du haut vers le bas

et une page qui s'affiche d'un coup avec la structre du contenu mais vide et les données qui arrivent ensuite.

c'est étonant mais les utilisateur trouve plus rapide une page qui affiche une grille de donnée vide avant de la charger les données, qu'une page qui s'affiche au fur et à mesure. et ce même si la première est légèrement plus lente.

A+JYT

[djnos]

Diminuer le nombre de requetes http : css sprinting etc.
Laisser les ressources type jquery hebergees chez des acteurs type google car les ressources seront ainsi probablement deja en cache de l'internaute
Appeler ses ressources statiques depuis un domaine cookie free
Activer gzip sur toutes les resources de type texte
Fixer des headers expires sur les ressources servies
Etc. Etc.
Cf. Reco steve souders

[omelhor]

merci beaucoup pour toutes vos infos !