Openweb.eu.org

Les Performances web, pour aller plus loin

shavounet — 2014-03-21T08:50:43Z

Côté serveur, je recommande aussi Varnish, un serveur de cache qui se place entre l'utilisateur et Apache. Pas évidant à maîtriser, mais super puissant. Sur des sites avec beaucoup d'images (genre e-commerce), l'utiliser sur les fichier statiques allège considérablement la charge du serveur (et c'est la configuration la plus simple) et certains temps de réaction.
L'utiliser pour cacher l'ensemble d'un site est plus complexe, mais jouable.

Les Performances web, pour aller plus loin

Nicolas Hoffmann — 2014-03-21T08:17:50Z

Je m'autoréponds : pour la mise en cache, il est même plus efficace d'utiliser les possibilités du fichier htaccess, ça évitera même des problèmes avec les proxies avec ce que j'ai indiqué plus haut.

Les Performances web, pour aller plus loin

Denis — 2012-07-21T16:13:50Z

C'est vrai, depuis que nous avons mis à jour notre Hip Hop page et il charge plus rapide, a également amélioré le classement.

Les Performances web, pour aller plus loin

Vivien Blasquez — 2012-01-03T16:11:36Z

Bonjour, comme le dit Gilles il est vrai que les moteurs de recherche (enfin google en tout cas) fait attention au temps de chargement des pages, qui est un des critères qui fait la "qualité" d'un site web.
De plus c'est une véritable problématique qui se pose entre la rapidité de chargement et la masse d'information transmise.
Sur les sites et plus particulièrement sur les mobiles on doit faire attention à la vitesse de chargement de ses pages sans quoi perdre un internaute peut vite arriver.

Vivien Blasquez

Les Performances web, pour aller plus loin

Gilles Gallico — 2011-12-26T17:37:56Z

C'est vrai qu'optimiser en termes de temps de réponse son site est primordial. A la fois d'un point de vue confort utilisateur et problématiques SEO où Google prend de plus en plus en compte ce critère. Pour ma part, pour mes différents sites, je me sers beaucoup de Yslow et Page Speed qui donnent des infos suffisamment détaillées pour qu'un néophyte comme moi puisse s'en sortir.

Gilles Gallico

Les Performances web, pour aller plus loin

Nicolas Hoffmann — 2011-08-12T13:22:22Z

Ah, c'est très efficace, quand on voit des fichiers comme Jquery passer de 70ko à 15ko minifiés et Gzippés, on se dit que ça vaut le coup. :)

Les Performances web, pour aller plus loin

Nicolas Hoffmann — 2011-08-12T13:17:06Z

Franchement, les DATA-URL ne sont pas si compliquées que cela à mettre en œuvre : hormis IE6 et 7, tous le supportent très bien, et qq fonctions PHP permettent de le mettre en place.

Quand à la mise en cache avancée, en effet, c'est très juste. Mais comme je l'avais indiqué dans l'article d'introduction aux performances :

"Toutefois, si un changement devait être opéré sur une image, il est recommandé de changer le nom de l'image, afin d'éviter que la mise en cache n'empêche de voir ce changement."

Je n'avais pas jugé bon de le réindiquer :) .

Une autre solution (plus pour les CSS) est d'indiquer un querystring dans l'appel aux CSS, ex :

link rel="stylesheet" href="/style/ND_new_green/ND_new_green.css ?v=4"

En fait, ce sera ND_new_green.css ?v=4 qui sera mis en cache, ainsi, si l'on veut forcer à remettre à jour, il suffira juste de changer la querystring : ND_new_green.css ?v=5. C'est assez facile à mettre en place, et bon nombre de CMS le font très bien.

Au plaisir,
Nicolas

Les Performances web, pour aller plus loin

Damien — 2011-08-12T12:27:18Z

J'ai réalisé une optimisation de mon site web de bricolage Brico.fr et en effet les résultats sont assez surprenants : je suis passé de 3s avant le rendu à 1s avant le rendu. Ce qui a le plus joué c'est la compression gzip et l'affichage du JS à la fin du chargement.

Les Performances web, pour aller plus loin

Nicolas Chevallier — 2011-08-11T18:03:22Z

– Pour la mise en cache avancée, ce système implique qu'à chaque changement d'images ou de CSS, il faut obligatoirement renommer le fichier pour que le navigateur télécharge la nouvelle version et n'utilise plus le fichier en cache. On peut profiter lors du déploiement de concaténer/minifier et renommer le fichier CSS.

– Pour les images DATA-URL, c'est vraiment anecdotique tellement c'est compliqué à mettre en oeuvre pour chaque navigateur. Par contre ce qui marche bien c'est les sprites, compatible avec l'ensemble des navigateurs.

Voir aussi une conférence faite il y a quelques années abordant plusieurs aspects décrits dans l'article

Nicolas Chevallier