Sources et Ressources du tutoriel

Vous trouverez sur cette page à la fois les sources utilisées, les références ainsi que des sites et ressources pour aller plus loin dans votre apprentissage de l'optimisation des performances web.

Bon courage !

Pourquoi optimiser les performances

Article : http://oseox.fr/manager/index.php/2010/03/30/1936-optimisation-performance-web

  1. Landing page selon Google
  2. Vidéo de Matt Cutts
  3. Netlimiter
  4. Trickle

Chiffres et statistiques

Article : http://oseox.fr/performance/chiffre-statistique.html

  1. Akamai
  2. Atinternet-institute

Outils de mesure en ligne

Article : http://oseox.fr/performance/outils-test-vitesse.html

  1. Site-perf Site-perf.com
  2. Woozweb http://www.woozweb.com/
  3. gtmetrixhttp://gtmetrix.com/
  4. ip-label http://www.ip-label.fr/
  5. pingdom http://tools.pingdom.com/
  6. loadimpact http://loadimpact.com
  7. monitis http://portal.monitis.com/
  8. browsermob http://browsermob.com
  9. webpagetest http://www.webpagetest.org

Outils Google pour webmaster

Article : http://oseox.fr/performance/outils-google.html

  1. Google Webmaster Tools
  2. Page Speed

Firebug : Plugin Firefox

Article : http://oseox.fr/performance/firebug-firefox.html

  1. télécharger Firebug
  2. extensions pour firebug
  3. Éléments d'analyse avec firebug

Yslow : Analyse de la vitesse d'une page

Article : http://oseox.fr/performance/yslow.html

  1. Téléchargez Yslow

Chrome Developer Tools + SpeedTracer

Article : http://oseox.fr/performance/speedtracer.html

  1. Chromium
  2. Speed Tracer
  3. Installer Speed tracer
  4. Installer Firebug lite

Optimisation des images

Article : http://oseox.fr/performance/optimisation-image.html

  1. W3C gif vs PNG :http://www.w3.org/QA/Tips/png-gif
  2. PNGOptimiseur (windows) : http://psydk.org/PngOptimizer.php?lang=fr
  3. Smush.it http://www.smushit.com

Optimisation Javascript

Article : http://oseox.fr/performance/optimisation-javascript.html

  1. Compresseur .js online : http://yui.2clics.net/
  2. Classe PHP pour automatiser le minify : http://code.google.com/p/minify/
  3. Pour les codeurs amateurs de jquery : http://www.tripwiremagazine.com/2009/11/more-jquery-and-general-javascript-tips-to-improve-your-code.html

Compression de fichier

Article : http://oseox.fr/performance/compression-fichier.html

  1. Article très complet : http://www.alsacreations.com/article/lire/914-compression-pages-html-css-gzip-deflate.html
  2. Doc apache : http://httpd.apache.org/docs/trunk/fr/mod/mod_deflate.html
  3. Benchmark gzip vs deflate :http://www.stardeveloper.com/articles/display.html?article=2008111201&page=1
  4. doc Phpinfo : http://php.net/manual/fr/function.phpinfo.php
  5. doc ob_gzhandler http://php.net/manual/fr/function.ob-gzhandler.php

Mise en cache

Article : http://oseox.fr/performance/cache-navigateur.html

  1. http://www.mnot.net/cache_docs/
  2. http://www.askapache.com/htaccess/speed-up-your-site-with-caching-and-cache-control.html#caching-with-mod_expires
  3. http://www.websiteoptimization.com/speed/tweak/cache/

Exemple de htaccess

Article : http://oseox.fr/performance/exemple-htaccess.html

  1. Nombreux exemples : http://perishablepress.com/press/2006/01/10/stupid-htaccess-tricks/

Optimisation CSS

Article : http://oseox.fr/performance/optimiser-css.html

  1. YUI Compressor Online : http://yui.2clics.net/
  2. Dust-Me, add on firefox https://addons.mozilla.org/en-US/firefox/addon/5392
  3. Validation CSS : http://jigsaw.w3.org/css-validator/
  4. http://cssslick.co.uk/
  5. http://www.cssoptimiser.com/
  6. http://www.cleancss.com/?lang=en
  7. http://www.cssdrive.com/index.php/main/csscompressor/
  8. http://www.prettyprinter.de/ ou http://tools.arantius.com/tabifier

Sprite CSS

Article : http://oseox.fr/performance/sprite-css.html

  1. http://www.webinventif.fr/sprites-css/
  2. http://www.pompage.net/pompe/sprites/
  3. http://www.ryanbreen.com:81/spritegen/
  4. http://css-sprit.es/
  5. [http://fr.spritegen.website-performance.org/|http://fr.spritegen.website-performance.org/ (en français)
  6. http://csssprites.com/
  7. http://www.floweringmind.com/sprite-creator/

ETAGS

Article : http://oseox.fr/performance/etag.html

  1. performance.survol.fr : http://performance.survol.fr/2008/06/desactiver-les-etags/

Optimisation d'un blog

Article : http://oseox.fr/performance/optimiser-blog.html

  1. wp-super-cache
  2. Hyper cache
  3. W3 Total Cache
  4. WP-optimize
  5. Clean Options
  6. wp-optimize
  7. .htaccess vs httpd.conf

Serveur dédié

Article : http://oseox.fr/performance/optimisation-serveur.html

  1. Utiliser un ramdisk pour wordpress : http://www.mrboo.fr/utiliser-un-cache-en-ram-pour-wordpress/
  2. eAccelerator : http://eaccelerator.net/
  3. Zend Platform : http://www.zend.com/en/products/platform/
  4. Memcached : http://memcached.org/
  5. TMPFS : http://www.generation-linux.fr/index.php?post/2009/05/04/tmpfs-%3A-utiliser-sa-ram-comme-repertoire-de-stockage
  6. Quelle solution de stockage choisir ? SSD, RAID ou simple HDD ? http://www.revioo.com/articles/a12064_0.html

Solutions maison

Article : http://oseox.fr/performance/optimisation-perso.html

  1. Liste très complète de produits : http://www.softwareqatest.com/qatweb1.html#LOAD
  2. AOL page test http://sourceforge.net/apps/mediawiki/pagetest/index.php?title=Automating_Pagetest
  3. Curl : http://curl.haxx.se/docs/manpage.html
  4. wget http://www.gnu.org/software/wget/manual/
  5. Webkit http://webkit.org/
  6. Network Monitor http://blogs.technet.com/netmon/archive/2010/02/24/measuring-response-times.aspx
  7. Fiddlerhttp://www.fiddler2.com/fiddler2/

Optimiser mySQL

Article : http://oseox.fr/performance/optimisation-mysql.html

  1. mysqlreport http://hackmysql.com/mysqlreport
  2. Excellent tuto sur l'optimisation des requêtes (certes, qui date un peu) : http://sqlpro.developpez.com/cours/optimiser/#L8

Vous en voulez encore ?

Vidéo PHPTV

Une vidéo sur PHPTV si vous n'êtes pas convaincu : http://www.phptv.fr/performances-php

Blogs dédiés à la performance

  • http://www.webperformance.org/
  • http://www.askapache.com/ avec pas mal d'infos pour wordpress
  • http://performance.survol.fr/2008/06/desactiver-les-etags/ N'est plus mis à jour, mais reste toujours d'actualité.

Statistiques usages navigateurs

  • http://www.w3counter.com/globalstats.php
  • http://marketshare.hitslink.com/browser-market-share.aspx?qprid=0
  • http://gs.statcounter.com/

Une question ? Venez la poser sur notre forum Web Analytics et performance web !

A propos de l'auteur

Jacques Terrier

AKA Cobolian : Premier site en 98, puis quelques belles références à son palmarès. Fort de son background technique et marketing, Jacques est consultant e-commerce.

Newsletter Marketing

Vous consultez la page Livre Performance Web Webographie Et Bibliographie Optimisation Des Temps De Chargement. Voici une sélection de liens pour apprendre à optimiser son site web afin qu'il se charge très vite : Comment optimiser son html, son serveur, sa base de données... Des centaines de ressources pour apprendre ou se perfectionner. Les ressources sont classées par thème.