<?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>Pedronimo &#187; accélération</title>
	<atom:link href="http://www.pedronimo.com/tag/acceleration/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pedronimo.com</link>
	<description>Un blog qui me ressemble !</description>
	<lastBuildDate>Thu, 02 Dec 2010 18:35:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Accélérer et optimiser le chargement d&#8217;un site Wordpress.</title>
		<link>http://www.pedronimo.com/internet/acclrer-et-optimiser-le-chargement-dun-site-wordpress/</link>
		<comments>http://www.pedronimo.com/internet/acclrer-et-optimiser-le-chargement-dun-site-wordpress/#comments</comments>
		<pubDate>Wed, 08 Apr 2009 20:10:08 +0000</pubDate>
		<dc:creator>Pierre Jarlan</dc:creator>
				<category><![CDATA[Internet]]></category>
		<category><![CDATA[accélération]]></category>
		<category><![CDATA[optimisation]]></category>
		<category><![CDATA[web]]></category>
		<category><![CDATA[wordpress]]></category>

		<guid isPermaLink="false">http://www.pedronimo.com/uncategorized/acclrer-et-optimiser-le-chargement-dun-site-wordpress/</guid>
		<description><![CDATA[La rapidité de mon site Internet www.pierrejarlan.com laissant à désirer j&#8217;ai décidé de prendre le taureau par les cornes et de me charger de l&#8217;optimisation.
Voici les étapes suivies et le résultat.

trouver un site étalon : permettant de connaître la rapidité réelle de changement de mes pages Internet. 
optimiser le fichier de configuration du serveur : [...]]]></description>
			<content:encoded><![CDATA[<p>La rapidité de mon site Internet www.pierrejarlan.com laissant à désirer j&#8217;ai décidé de prendre le taureau par les cornes et de me charger de l&#8217;optimisation.</p>
<p>Voici les étapes suivies et le résultat.</p>
<ol>
<li>trouver un site étalon : permettant de connaître la rapidité réelle de changement de mes pages Internet. </li>
<li>optimiser le fichier de configuration du serveur : .haccess </li>
<li>Optimiser les images </li>
<li>optimiser les feuilles de style&#160; css : <a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="_blank">CSS Compressor</a> </li>
<li>optimiser les JavaScript : <a href="http://fmarcia.info/jsmin/test.html" target="_blank">JS Minifier</a> </li>
<li>mettre en place un système de cache. WP-Super-Cache </li>
<li>7: Supprimer les plug-in inutiles </li>
<li>Tester le rendu de votre site Internet sur différentes plates-formes et explorateur Internet . <a href="http://browsershots.org/" target="_blank">browsershots.org</a> </li>
<li>Références </li>
</ol>
<p> <span id="more-5"></span><br />
<h2>1 : trouver un site étalon : <a href="http://www.websiteoptimization.com/services/analyze/ " target="_blank">websiteoptimization</a></h2>
<p>permettant de connaître la rapidité réelle de changement de mes pages Internet. (Indépendamment de ma connexion personnelle Internet.)</p>
<p>&#8211;<a href="http://www.websiteoptimization.com/services/analyze/">http://www.websiteoptimization.com/services/analyze/</a> : ce site permet l&#8217;analyse du chargement d&#8217;une page Internet sur différents types de connexions et vous propose en prime des conseils.     <br />&#8211;<a href="http://watson.addy.com/">http://watson.addy.com/</a> : un autre site de mesure du chargement des pages Internet et de l&#8217;analyse des liens inclus dans les pages.     <br />&#8211;<a href="http://www.netmechanic.com/">http://www.netmechanic.com/</a> : un site Internet qui mesure depuis différente localisation géographique, pendant huit heures tous les quarts d&#8217;heure les possibilités d&#8217;accès à votre site Internet.</p>
<p>Sous Firefox Installez un outil de conseil : Yslow pour Firebug dans Firefox. Il m’indique le niveau d’optimisation du site. Au départ je suis en F (le plus mauvais).</p>
<p><strong>=</strong> Résultat avant optimisation : index de <a href="http://www.pierrejarlan.com">www.pierrejarlan.com</a> :&#160; <font color="#ff0000">ADSL 1.44Mbps 10.55 seconds. et 128K 33.15</font> seconds</p>
<blockquote><p><font color="#333333">Article de référence sur <a href="http://www.sam-mag.com/archives/rapidite-site2.htm" target="_blank">sam-mag</a></font></p>
</blockquote>
<p>&#160;</p>
<h2>2 : optimiser le fichier de configuration de votre serveur : .haccess</h2>
<p>C’est très simple, élémentaire, et fonctionne sur presque tous les serveurs. Voici le mien pour un serveur mutualisée OVH.</p>
<p>J’ai modifié le mod_expires pour que tous les fichiers soient gardés en cache de l’explorateur 29jours.</p>
<p>&#160;</p>
<table cellspacing="0" cellpadding="2" width="468" border="2">
<tbody>
<tr>
<td valign="top" width="464">
<p># BEGIN WordPress            <br />SetEnv PHP_VER 5             <br />FileETag none </p>
<p>&lt;ifmodule mod_expires.c&gt; </p>
<p>&#160;&#160;&#160;&#160;&#160;&#160; ExpiresActive on            <br />&#160;&#160;&#160;&#160;&#160;&#160; ExpiresDefault &quot;access plus 29 days&quot; </p>
<p>&#160; &lt;/ifmodule&gt; </p>
<p>&lt;IfModule mod_deflate.c&gt;            <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; # Insert filter             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; SetOutputFilter DEFLATE             <br /># Netscape 4.x has some problems&#8230;             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; BrowserMatch ^Mozilla/4 gzip-only-text/html             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; # Netscape 4.06-4.08 have some more problems             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; BrowserMatch ^Mozilla/4.0[678] no-gzip             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; # MSIE masquerades as Netscape, but it is fine             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; BrowserMatch bMSIE !no-gzip !gzip-only-text/html             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; # Don&#8217;t compress images             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; SetEnvIfNoCase Request_URI              <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; .(?:gif|jpe?g|png)$ no-gzip dont-vary             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; # Make sure proxies don&#8217;t deliver the wrong content             <br />&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160;&#160; Header append Vary User-Agent env=!dont-vary&#160;&#160; <br />&lt;/IfModule&gt; </p>
<p>&lt;IfModule mod_rewrite.c&gt;            <br />RewriteEngine On             <br />RewriteBase /             <br />RewriteCond %{REQUEST_FILENAME} !-f             <br />RewriteCond %{REQUEST_FILENAME} !-d             <br />RewriteRule . /index.php [L]             <br />&lt;/IfModule&gt; </p>
<p># END WordPress</p>
</p>
</td>
</tr>
</tbody>
</table>
<p>= Résultat après optimisation 2 : index de <a href="http://www.pierrejarlan.com">www.pierrejarlan.com</a> :&#160; <font color="#ff0000">ADSL 1.44Mbps 8.98 seconds. et 128K 15.03</font> seconds.</p>
<blockquote><p>Ref:&#160; Explication du rôle de chaque fonction sur <a href="R&eacute;f&eacute;rence : http://www.environnement-france.fr/0318-accelerer-son-site-blog-wordpress#more-904 " target="_blank">Environement france</a>.</p>
</blockquote>
<h2>3: Optimiser les images</h2>
<p>optimiser les images : Plug in <a href="http://wordpress.org/extend/plugins/wp-smushit/" target="_blank">smush it</a> (déjà installé chez moi)</p>
<p><strong>diminuer le nombre d&#8217;images sur les pages.</strong> C&#8217;est certainement la meilleure technique, je pense que mon site en aurait bien besoin. Pour l&#8217;instant je n&#8217;ai pas mis en place cette technique peut-être dans quelques jours. C&#8217;est relativement simple, pour la page d&#8217;accueil il me suffit de réduire le nombre d&#8217;aperçus d&#8217;articles générés par le code PHP.</p>
<h2>4: Optimiser les feuilles de style&#160; CSS: <a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="_blank">CSS Compressor</a></h2>
<p>Elle sont chargés une fois à chaque visite du site, leur compression permettra de gagner du temps de chargement pour un nouveau visiteur.</p>
<p>Il semble que l&#8217;avenir technique soit utilisation du site Internet <a href="http://www.cssdrive.com/index.php/main/csscompressor/" target="_blank">CSS Compressor</a>. Contre toute attente, la compression s&#8217;est bien déroulée, et pour l&#8217;instant je n&#8217;ai pas eu à déplorer de troubles dans la présentation de mes pages.</p>
<p>= Taille de mes 3 feuilles avant compression: 35 941 octets et aprés : 22 254 octets</p>
<h2>5: Optimiser les JavaScripts : <a href="http://fmarcia.info/jsmin/test.html" target="_blank">JS Minifier</a> </h2>
<p>Même fonctionnement que pour les feuilles CSS. Outils de compression utilisé sur le <a href="http://fmarcia.info/jsmin/test.html" target="_blank">site fmarcia</a></p>
<p>= Taille de mes 6 fichiers&#160; avant compression: 41 761 octets et après : 58 086 octets</p>
<p>= Résultat après optimisation 4 et 5 : index de <a href="http://www.pierrejarlan.com">www.pierrejarlan.com</a> :&#160; <font color="#ff0000">ADSL 1.44Mbps 8.94 seconds. et 128K 14.62</font> seconds. (Ok c’est vraiment négligeable).</p>
<h2>6: mettre en place un système de cache :</h2>
<p>La référence, pour wordpress étant wp-super cache. C&#8217;est celui que j&#8217;ai installé. Aucune modification particulière au cours de l&#8217;installation sur un serveur mutualisé OVH    <br />J&#8217;ai modifié la durée de vie du cache , pour la porter de 3600 secondes (une heure) à 86400 (24 heures).     <br />J&#8217;ai également supprimé l&#8217;exclusion du fichier index.php, en effet je souhaite qu&#8217;il soit lui aussi inclus dans le cache.</p>
<h2>7: Supprimer les plug-in inutiles</h2>
<p>Ou se chargeant d&#8217;inclure du code HTML rarement modifié. Notamment Google analytique. Il est nettement plus facile d&#8217;inclure soi-même dans le fichier PHP footer du thème le code de suivi.</p>
<p>Pour chaque plug-in supprimé ce sont des requêtes à interpréter par le serveur en moins à la fois en PHP et en accès à la base de données.</p>
<h2>8: Tester le rendu de votre site Internet sur différentes plates-formes et explorateur Internet : <a href="http://browsershots.org/" target="_blank">browsershots.org</a></h2>
<p>ce très bon site Internet, vous permet en 30 minutes de vous fournir une soixantaine de captures d&#8217;écran de votre site sur un ensemble de configurations Internet différentes, depuis différente localisation.</p>
<h2>9 : Références </h2>
<p><a href="http://www.wordpress-fr.net/support/viewtopic.php?id=22524&amp;action=new">www.wordpress-fr.net</a>     <br /><a href="http://www.webdevonlinux.fr/2009/02/16/optimiser-le-chargement-votre-blog/">www.webdevonlinux.fr/2009/02/16/optimiser-le-chargement-votre-blog/</a>&gt;     <br /><a href="http://www.skyminds.net/2007/09/17/quelques-astuces-pour-accelerer-le-chargement-de-votre-site-et-faire-des-economies-de-bande-passante/">www.skyminds.net : quelques-astuces-pour-accelerer-le-chargement-de-votre-site-et-faire-des-economies-de-bande-passante/</a>&gt;     <br /><a href="http://www.sam-mag.com : rapidite-site">www.sam-mag.com : rapidite-site</a> &gt;     <br /><a href="http://www.papygeek.com/wordpress/wordpress-optimiser-son-blog-avec-un-systeme-de-cache/">www.papygeek.com: wordpress-optimiser-son-blog-avec-un-systeme-de-cache</a>&gt;     <br /><a href="http://www.environnement-france.fr/0318-accelerer-son-site-blog-wordpress#more-904">www.environnement-france.fr : accelerer-son-site-blog-wordpress</a>&#160; <a href="http://www.environnement-france.fr accelerer-son-site-blog-wordpress" target="_blank">www.environnement-france.fr accelerer-son-site-blog-wordpress</a>&gt;</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pedronimo.com/internet/acclrer-et-optimiser-le-chargement-dun-site-wordpress/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

