<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Kodono &#187; Performance</title>
	<atom:link href="http://blog.kodono.info/wordpress/category/performance/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.kodono.info/wordpress</link>
	<description>Pour tous les technophiles</description>
	<lastBuildDate>Fri, 03 Feb 2012 08:15:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Réduire la taille d&#8217;une photo JPG sans perdre en qualité [HOWTO]</title>
		<link>http://blog.kodono.info/wordpress/2012/01/02/reduire-la-taille-dune-photo-sans-perdre-en-qualite-howto/</link>
		<comments>http://blog.kodono.info/wordpress/2012/01/02/reduire-la-taille-dune-photo-sans-perdre-en-qualite-howto/#comments</comments>
		<pubDate>Mon, 02 Jan 2012 10:56:53 +0000</pubDate>
		<dc:creator>Aymeric</dc:creator>
				<category><![CDATA[Astuce]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Niveau débutant]]></category>
		<category><![CDATA[Performance]]></category>
		<category><![CDATA[Windows]]></category>
		<category><![CDATA[howto]]></category>

		<guid isPermaLink="false">http://blog.kodono.info/wordpress/?p=839</guid>
		<description><![CDATA[[niveau débutant] Il existe un moyen de compresser encore plus les photos JPG (et PNG, et GIF) grâce à une technique avancée de compression. Il va d&#8217;abord falloir installer quelques programmes, après quoi vous verrez que c&#8217;est extrêmement simple et utile au quotidien ! Pour faire cela nous allons utiliser le logiciel IrfanView (cliquez sur [...]]]></description>
			<content:encoded><![CDATA[<p>[niveau débutant]</p>
<p>Il existe un moyen de compresser encore plus les photos JPG (et PNG, et GIF) grâce à une technique avancée de compression. Il va d&#8217;abord falloir installer quelques programmes, après quoi vous verrez que c&#8217;est extrêmement simple et utile au quotidien !</p>
<p>Pour faire cela nous allons utiliser le logiciel <a href="http://www.irfanview.com/" title="Lien vers le site IrfanView" target="_blank">IrfanView</a> (cliquez sur &laquo;&nbsp;<a href="http://www.irfanview.com/main_download_engl.htm" title="Download">Download</a>&nbsp;&raquo; dans la colonne de gauche puis sur le bouton &laquo;&nbsp;Download Now &#8211; Get it from CNET Download.com!&nbsp;&raquo;).<br />
Une fois téléchargé vous pouvez lancer l&#8217;installation : vous pouvez laisser les options par défaut, attention cependant parce qu&#8217;Irfan View va vous proposer d&#8217;installer la toolbar de Google, et je vous déconseille de le faire :<br />
<img src="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_1.png" alt="Fenêtre qui apparait durant l&#039;installation et qui propose l&#039;ajout de Google Toolbar, et il est surveillé en jaune le fait de décocher la case" title="Ne pas choisir l&#039;installation de Google Toolbar" width="477" height="466" class="aligncenter size-full wp-image-842" /></p>
<p>Maintenant il va s&#8217;agir d&#8217;ajouter le plugin RIOT (RIOT signifie <a href="http://luci.criosweb.ro/riot/" title="site de RIOT">Radical Image Optimization Tool</a>). Pour cela télécharger l&#8217;ensemble des plugins disponibles sur cette page : <a target="_blank" href="http://www.irfanview.com/plugins.htm" title="pluings pour IrfanView">http://www.irfanview.com/plugins.htm</a> (cliquez sur &laquo;&nbsp;Brothersoft.com &#8211; download IrfanView plugins&nbsp;&raquo; puis sur le bouton &laquo;&nbsp;Download now&nbsp;&raquo;).</p>
<p>Une fois le fichier téléchargé, double cliquez dessus pour lancer l&#8217;installation.</p>
<p>Il apparait qu&#8217;IrfanView ne fournit pas la dernière version du plugin RIOT, on va donc devoir la télécharger via <a href="http://download.criosweb.ro/download.php?sid=R-dll&#038;type=installer" title="Lien pour télécharger la dernière version de RIOT">http://download.criosweb.ro/download.php?sid=R-dll&#038;type=installer</a> (attention de bien cliquer sur le bouton gris qui est tout en haut et qui se nomme &laquo;&nbsp;Download RIOT DLL version&nbsp;&raquo;) :<br />
<img src="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_4.png" alt="Illustration du bouton de téléchargement" title="Bouton pour télécharger RIOT DLL version" width="254" height="23" class="aligncenter size-full wp-image-851" /></p>
<p>Cela a pour effet de télécharger un fichier .zip : faites un clic droit sur ce fichier nouvellement téléchargé puis choisissez &laquo;&nbsp;Extraire ici&nbsp;&raquo;, ou &laquo;&nbsp;Extraire tout&nbsp;&raquo;, ou &laquo;&nbsp;Dézipper ici&nbsp;&raquo; (cela peut varier selon la configuration de votre ordinateur).<br />
Une fois décompressé, vous allez trouver un fichier qui se nomme &laquo;&nbsp;Riot-plugin.exe&nbsp;&raquo;. Double cliquez dessus. Durant l&#8217;installation il devrait vous proposer d&#8217;installer le plugin pour IrfanView :<br />
<img src="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_5.png" alt="Fenêtre qui apparait durant l&#039;installation" title="Message durant l&#039;installation" width="502" height="391" class="aligncenter size-full wp-image-852" /><br />
Il va vous demander si vous souhaitez installer « DriveScanner 2011 »; choisissez <strong>Ne pas installer DriveScanner 2011</strong></p>
<p>C&#8217;est bon ! Toute l&#8217;installation est effectuée, on peut passer à la suite&#8230;</p>
<p>Il va falloir ouvrir IrfanView qui se trouve dans votre menu Démarrer :<br />
<img src="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_2.png" alt="Visualisation de IrfanView dans le menu Démarrer" title="Lancer Irfan View depuis le menu Démarrer" width="164" height="210" class="aligncenter size-full wp-image-846" /></p>
<p>Deux possibilités&#8230;.</p>
<h2>1. Si vous souhaitez modifier un ensemble de photos d&#8217;un coup</h2>
<p>Ouvrez une image au hasard (ça n&#8217;a pas d&#8217;importance ici) dans IrfanView, puis faites <code>File &gt; Save for web... (plugin)</code>. Si vous avez une alerte avec le message suivant, alors cliquez sur &laquo;&nbsp;No&nbsp;&raquo; :<br />
<a href="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_3.png"><img src="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_3.png" alt="This file contains a high resolution image. RIOT can handle such images, but processing can be quite slow in this situation. Do you want to resize it first ? (recommanded) The original image won&#039;t be modified" title="Message d&#039;alerte pouvant apparaitre" width="580" class="aligncenter size-full wp-image-847" /></a></p>
<p>Cliquez sur &laquo;&nbsp;Batch&nbsp;&raquo; dans la barre :<br />
<img src="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_6.png" alt="Barre d&#039;outil du plugin où il faut cliquer sur Batch" title="Cliquez sur Batch" width="580" class="aligncenter size-full wp-image-853" /></p>
<p>Répondez &laquo;&nbsp;Yes&nbsp;&raquo; au message d&#8217;alerte qui apparait et dit &laquo;&nbsp;To use the Batch Optimizer I need to unload the current image. Proceed ?&nbsp;&raquo;.<br />
Cliquez sur le bouton &laquo;&nbsp;Add images&nbsp;&raquo; puis sélectionnez toutes les photos dont vous voulez réduire la taille.<br />
Ensuite choisissez où les photos compressés seront enregistrées en cliquant en bas à droite sur le bouton avec trois petits points :<br />
<img src="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_7.png" alt="Fenêtre du Batch avec les boutons à cliquer" title="Fenêtre du Batch" width="580" class="aligncenter size-full wp-image-854" /><br />
Vous pouvez éventuellement cliquer sur le bouton &laquo;&nbsp;Settings&nbsp;&raquo; et cocher les cases qui vous intéressent (dans mon cas, toutes !)<br />
Il ne reste plus qu&#8217;à cliquer sur &laquo;&nbsp;Start&nbsp;&raquo; et la magie opère&#8230;</p>
<p>Les nouvelles photos auront une taille entre 30% et 90% plus petite que les photos d&#8217;origine, sans perdre en qualité et en résolution <img src='http://blog.kodono.info/wordpress/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<h2>2. Si vous souhaitez modifier une seule image</h2>
<p>Ouvrez l&#8217;image que vous souhaitez optimiser dans IrfanView. Puis faites <code>File &gt; Save for web... (plugin)</code>. Si vous avez une alerte qui dit « This file contains a high resolution image. RIOT can handle such images, but processing can be quite slow in this situation. Do you want to resize it first ? (recommanded) The original image won&#039;t be modified », alors cliquez sur &laquo;&nbsp;No&nbsp;&raquo;.</p>
<p>Vous verrez ensuite un comparatif de votre image, avec en haut à droite la taille de la version optimisée : assurez vous que vous avez toujours un chiffre inférieur à la version d&#8217;origine !<br />
Selon le format de votre image (JPEG, GIF, PNG), vous avez plusieurs options en bas de la fenêtre.<br />
Prenons l&#8217;exemple d&#8217;une image PNG : pour la couleur je choisis &laquo;&nbsp;Optimal 256 colors&nbsp;&raquo;, puis dans &laquo;&nbsp;External optimizer&nbsp;&raquo; je choisis « OptiPNG o3 » (et je clique sur le check vert pour que OptiPNG soit utilisé), et enfin je coche &laquo;&nbsp;Best compression&nbsp;&raquo;.<br />
<a href="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_8.png" target="_blank"><img src="http://blog.kodono.info/wordpress/wp-content/uploads/2012/01/20120102_irfanview_8-1024x580.png" alt="Les différentes options choisies dans la Fenêtre d&#039;optimisation" title="Fenêtre d&#039;optimisation" width="580" class="aligncenter size-large wp-image-855" /></a><br />
(cliquez sur l&#8217;image ci-dessus pour l&#8217;agrandir)</p>
<p><strong>Jouez sur les options pour faire varier la taille.</strong></p>
<p>Il ne reste plus qu&#8217;à sauver votre travail, et voilà !</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kodono.info/wordpress/2012/01/02/reduire-la-taille-dune-photo-sans-perdre-en-qualite-howto/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Tester les performances d&#8217;un code Javascript via un benchmark [performance]</title>
		<link>http://blog.kodono.info/wordpress/2011/08/19/tester-les-performances-dun-code-javascript-via-un-benchmark-performance/</link>
		<comments>http://blog.kodono.info/wordpress/2011/08/19/tester-les-performances-dun-code-javascript-via-un-benchmark-performance/#comments</comments>
		<pubDate>Fri, 19 Aug 2011 13:50:10 +0000</pubDate>
		<dc:creator>Aymeric</dc:creator>
				<category><![CDATA[Niveau intermédiaire]]></category>
		<category><![CDATA[Performance]]></category>
		<category><![CDATA[Programmation]]></category>
		<category><![CDATA[javascript]]></category>

		<guid isPermaLink="false">http://blog.kodono.info/wordpress/?p=709</guid>
		<description><![CDATA[Je vous conseille de tester régulièrement votre code Javascript pour voir les performances par rapport à d&#8217;autres commandes. Il arrive qu&#8217;on hésite entre deux (ou plus!) façons de faire. Il existe le populaire http://jsperf.com/ qui offre la possibilité de tester autant de bouts de code que l&#8217;on souhaite, en appelant même quelques framework bien connus [...]]]></description>
			<content:encoded><![CDATA[<p>Je vous conseille de tester régulièrement votre code Javascript pour voir les performances par rapport à d&#8217;autres commandes. Il arrive qu&#8217;on hésite entre deux (ou plus!) façons de faire.</p>
<p>Il existe le populaire <a href="http://jsperf.com/">http://jsperf.com/</a> qui offre la possibilité de tester autant de bouts de code que l&#8217;on souhaite, en appelant même quelques framework bien connus (comme jQuery).</p>
<p>Mais si vous avez des besoins un peu plus particulier, ou vous devez travailler sur un environnement restreint, alors il est possible d&#8217;utiliser <a href="http://www.broofa.com/Tools/JSLitmus/">JSLitmus</a>. La façon de l&#8217;utiliser est <strong>incroyablement simple</strong> :</p>
<pre class="brush:javascript">&lt;script src="JSLitmus.js">&lt;/script>
&lt;script>
JSLitmus.test('Mon premier test', function() { /* do something */ });
JSLitmus.test('Mon second test', function() { /* do something else */ });
&lt;/script></pre>
<p>Cela fait apparaître un bouton &laquo;&nbsp;Run tests&nbsp;&raquo; avec un petit tableau. Une fois le test fini le tableau et un graphique vous donnent les informations nécessaires, et en l&#8217;occurrence plus le chiffre (nombre d&#8217;opérations/sec) est grand et mieux c&#8217;est.</p>
<p>Voici un exemple qui montre que l&#8217;utilisation de <code>search</code> est bien plus rapide que de déclarer une <code>RegExp</code> puis appeler <code>match</code> :</p>
<pre class="brush:javascript">&lt;html>
&lt;head>
&lt;script src="http://www.broofa.com/Tools/JSLitmus/JSLitmus.js">&lt;/script>
&lt;/head>
&lt;body>
&lt;script>
JSLitmus.test('Mon premier test', function() { var regExp = new RegExp("pouet$"); var ok = ("pouet".match(regExp) != null); });
JSLitmus.test('Mon deuxième test', function() { var ok = ("pouet".search("pouet") != -1); });
&lt;/script>
&lt;/body>&lt;/html></pre>
<p>Résultat :<br />
<img src="http://blog.kodono.info/wordpress/wp-content/uploads/2011/08/JSLitmus-238x300.png" alt="" title="JSLitmus" width="238" height="300" class="aligncenter size-medium wp-image-710" /></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kodono.info/wordpress/2011/08/19/tester-les-performances-dun-code-javascript-via-un-benchmark-performance/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Activer la compression GZip sur WordPress [Performance]</title>
		<link>http://blog.kodono.info/wordpress/2010/02/01/activer-la-compression-gzip-sur-wordpress-performance/</link>
		<comments>http://blog.kodono.info/wordpress/2010/02/01/activer-la-compression-gzip-sur-wordpress-performance/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 05:22:52 +0000</pubDate>
		<dc:creator>Aymeric</dc:creator>
				<category><![CDATA[Astuce]]></category>
		<category><![CDATA[Niveau débutant]]></category>
		<category><![CDATA[Performance]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://blog.kodono.info/wordpress/?p=413</guid>
		<description><![CDATA[[niveau débutant] Si vous souhaitez que WordPress serve les pages de votre blog plus rapidement (et surtout en prenant moins de bande passante, c&#8217;est-à-dire en pesant moins lourd), vous pouvez utiliser l&#8217;option de compression au format GZip. Pour cela il faut simplement ajouter la ligne suivante au début de votre fichier header.php (accessible depuis la [...]]]></description>
			<content:encoded><![CDATA[<p>[niveau débutant]</p>
<p>Si vous souhaitez que WordPress serve les pages de votre blog plus rapidement (et surtout en prenant moins de bande passante, c&#8217;est-à-dire en pesant moins lourd), vous pouvez utiliser l&#8217;option de compression au format GZip. Pour cela il faut simplement ajouter la ligne suivante au début de votre fichier <em>header.php</em> (accessible depuis la partie &laquo;&nbsp;Apparence &gt; Editeur&nbsp;&raquo; de l&#8217;admin de votre blog) :</p>
<div class="code">&lt;?php ob_start(“ob_gzhandler”); ?&gt;</div>
<p>Vous pouvez ensuite vérifier que votre blog utilise bien la compression grâce au site <a href="http://www.gidnetwork.com/tools/gzip-test.php">http://www.gidnetwork.com/tools/gzip-test.php</a>, ou en regardant les en-têtes de la page grâce à un plugin Firefox (comme <a href="http://getfirebug.com/">Firebug</a>).</p>
<p>Attention cependant de vérifier que votre hébergeur supporte cette fonctionnalité (ce qui est le cas la plupart du temps).</p>
<p>Source: <a href="http://rosedesrochers.todays-woman.net/2010/01/31/how-to-enable-gzip-compression-in-wordpress/">http://rosedesrochers.todays-woman.net/2010/01/31/how-to-enable-gzip-compression-in-wordpress/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.kodono.info/wordpress/2010/02/01/activer-la-compression-gzip-sur-wordpress-performance/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

