Webographie

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

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

Chiffres et statistiques

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

1. Akamai
2. Atinternet-institute

Outils de mesure en ligne

Article : https://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 : https://oseox.fr/performance/outils-google.html

1. Google Webmaster Tools

Firebug : Plugin Firefox

Article : https://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 : https://oseox.fr/performance/yslow.html

1. Téléchargez Yslow

Chrome Developer Tools + SpeedTracer

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

1. Chromium
2. Installer Firebug lite

Optimisation des images

Article : https://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 : https://oseox.fr/performance/optimisation-javascript.html

1. Classe PHP pour automatiser le minify : http://code.google.com/p/minify/
2. 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 : https://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 : https://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 : https://oseox.fr/performance/exemple-htaccess.html

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

Optimisation CSS

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

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

Sprite CSS

Article : https://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/

ETAGS

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

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

Optimisation d'un blog

Article : https://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 : https://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 : https://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. Fiddlerhttp://www.fiddler2.com/fiddler2/

Optimiser mySQL

Article : https://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/