Les Performances web, pour aller plus loin - commentaires Les Performances web, pour aller plus loin 2014-03-21T08:50:43Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment2238 2014-03-21T08:50:43Z <p>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. <br class="autobr" /> L'utiliser pour cacher l'ensemble d'un site est plus complexe, mais jouable.</p> Les Performances web, pour aller plus loin 2014-03-21T08:17:50Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment2237 2014-03-21T08:17:50Z <p>Je m'autoréponds : pour la mise en cache, il est même plus efficace d'utiliser les possibilités du <a href="http://openweb.eu.org/articles/le-fichier-htaccess" class="spip_out" rel='nofollow external'>fichier htaccess</a>, ça évitera même des problèmes avec les proxies avec ce que j'ai indiqué plus haut.</p> Les Performances web, pour aller plus loin 2012-07-21T16:13:50Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment830 2012-07-21T16:13:50Z <p>C'est vrai, depuis que nous avons mis à jour notre <a href="http://www.flashbackmag.de" class="spip_out" rel='nofollow external'>Hip Hop</a> page et il charge plus rapide, a également amélioré le classement.</p> Les Performances web, pour aller plus loin 2012-01-03T16:11:36Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment585 2012-01-03T16:11:36Z <p>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.<br class="autobr" /> De plus c'est une véritable problématique qui se pose entre la rapidité de chargement et la masse d'information transmise.<br class="autobr" /> 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.</p> <p><a href="http://www.vivien-blasquez.fr" title="Développeur web à Lyon" rel='nofollow'>Vivien Blasquez</a></p> Les Performances web, pour aller plus loin 2011-12-26T17:37:56Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment575 2011-12-26T17:37:56Z <p>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.</p> <p><a href="http://www.gillesgallico.fr/" rel='nofollow'>Gilles Gallico</a></p> Les Performances web, pour aller plus loin 2011-08-12T13:22:22Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment514 2011-08-12T13:22:22Z <p>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. :)</p> Les Performances web, pour aller plus loin 2011-08-12T13:17:06Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment513 2011-08-12T13:17:06Z <p>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.</p> <p>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 :</p> <p>"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."</p> <p>Je n'avais pas jugé bon de le réindiquer :) .</p> <p>Une autre solution (plus pour les CSS) est d'indiquer un querystring dans l'appel aux CSS, ex :</p> <p>link rel="stylesheet" href="/style/ND_new_green/ND_new_green.css ?v=4"</p> <p>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.</p> <p>Au plaisir,<br class="autobr" /> Nicolas</p> Les Performances web, pour aller plus loin 2011-08-12T12:27:18Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment511 2011-08-12T12:27:18Z <p>J'ai réalisé une optimisation de mon <a href="http://www.brico.fr/" class="spip_out" rel='nofollow external'>site web de bricolage</a> 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.</p> Les Performances web, pour aller plus loin 2011-08-11T18:03:22Z https://openweb.eu.org/articles/performances_avancees_sites_internet#comment510 2011-08-11T18:03:22Z <p><img src='https://openweb.eu.org/squelettes-dist/puce.gif' width="8" height="11" class="puce" alt="-" /> 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.</p> <p><img src='https://openweb.eu.org/squelettes-dist/puce.gif' width="8" height="11" class="puce" alt="-" /> 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.</p> <p><a href="http://www.camilleroux.com/2008/07/08/optimiser-performances-site-web-video-hd/" class="spip_out" rel='nofollow external'>Voir aussi une conférence faite il y a quelques années abordant plusieurs aspects décrits dans l'article</a></p> <p><a href="http://www.nicolas-chevallier.fr/" class="spip_out" rel='nofollow external'>Nicolas Chevallier</a></p>