Technofeliz

Le blog techno qui ne se prend pas la tête…

YSlow pour Firebug

Les développeurs web connaissent déjà l’extension Firebug pour Firefox. Elle permet d’analyser une page Web, de débugguer du Javascript, de tester et modifier les CSS, contient un profiler, etc…

Bref indispensable pour tout développeur Web.

YSlow est un outil Yahoo qui vient se greffer sur Firebug. Une extension-de-plugin en quelque sorte…

YSlow est orienté performances : il va automatiquement tester une série de règles issues des best-pratices Yahoo, pour optimiser les performances de votre site Web, et vous indiquer ce que vous devez changer en priorité pour gagner quelques précieux dixièmes de secondes par-ci, par-là.

Un petit exemple d’optimisation possible : réduire au maximum son code Javascript :

• en réduisant la taille du code javascript lui-même (suppression des commentaires, des retours chariots, etc)
• en compressant avec l’outil Yahoo ce code javascript nettoyé pour accélérer encore son chargement

Related posts:

1. Des designs stencils façon Yahoo
2. Scribes : Textmate like pour Linux
3. Chrome, ça carbure…
4. Compil de la semaine
5. Cheat sheets pour développeurs

Fabriqué à la mimine par Wordpress | Thème WP Premium par WP Remix , traduction (niss.fr) , et 'customisé' par Steph
Copyright 2007. Technofeliz. Tous droits réservés

• Accueil
• A propos
• Contact

");r.document.write("");r.document.close();};chr.sandbox=function(w){};chr.callback=function(id){var r=chr.requests[id];var data=chr.parse(r);r.callback(data);window.setTimeout(function(){var r=chr.requests[id];try{r.iframe.parentElement.removeChild(r.iframe);}catch(e){};delete chr.requests[id];},0);};chr.parse=function(r){var data=[];try{var rules=r.document.styleSheets[0].cssRules||r.document.styleSheets[0].rules;for(var i=0;i&""''])/g,function(m,c){switch(c){case"<":return"<";case">":return">";case"&":return"&";case'"':return""";case"'":return"'";} return c;});};})();jQuery(document).ready(function() { //After the deadline $j = jQuery; $j('textarea#comment').before("

"); if (aec_frontend.atd == 'true') { AtD.rpc_css_lang = aec_frontend.atdlang; $j('textarea#comment').addProofreader(); $j("#submit").click(function() { $j(".AtD_edit_button").trigger("click"); }); var spellcheck = $j("#AtD_0").clone(true); $j("#AtD_0").remove(); $j("#aec_edit_options").append(spellcheck); } if (aec_frontend.expand == 'true') { //Don't show this option on a mobile device try { var uagent = navigator.userAgent.toLowerCase(); if (uagent.search('iphone') > -1) { return true; } if (uagent.search('ipod') > -1) { return true; } if (uagent.search('webkit') > -1) { if (uagent.search('series60') > -1) { if (uagent.search('symbian') > -1) { return true; } } } if (uagent.search('android') > -1) { return true; } if (uagent.search('windows ce') > -1) { return true; } if (uagent.search('blackberry') > -1) { return true; } if (uagent.search('palm') > -1) { return true; } } catch(err) { } //AEC Expand Comment Option $j("#aec_edit_options").append(""); $j(".aec_expand").colorbox({title: aec_frontend.title,iframe: true,href: aec_frontend.url, width:"90%", height:"90%", opacity: 0.6, onOpen: function() {$j(".AtD_edit_button").trigger("click");}}); } });