{"id":50,"date":"2010-05-26T03:00:08","date_gmt":"2010-05-26T01:00:08","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=50"},"modified":"2015-01-18T18:05:18","modified_gmt":"2015-01-18T17:05:18","slug":"optimiser-le-chargement-de-vos-pages-avec-la-compression-gzip","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/tutoriels\/optimiser-le-chargement-de-vos-pages-avec-la-compression-gzip","title":{"rendered":"Optimiser le chargement de vos pages avec la compression Gzip"},"content":{"rendered":"<p>Vous n&rsquo;\u00eates pas sans savoir que depuis maintenant quelques mois Google prend en compte la vitesse de chargement de vos pages Web pour effectuer son classement lors de l&rsquo;indexation et du retour des r\u00e9sultats de recherche. On peut donc facilement r\u00e9sumer cela par : <strong>\u00e0 site l\u00e9ger, meilleur<\/strong> <strong>r\u00e9f\u00e9rencement tu auras&nbsp;!<\/strong><!--more--><\/p>\n<h2>Pourquoi compresser ?<\/h2>\n<p>La compression vous permettra d&rsquo;optimiser votre site sur plusieurs points tr\u00e8s int\u00e9ressants \u00e0 prendre en compte :<\/p>\n<ul>\n<li> \u00e9conomie de la bande passante<\/li>\n<li>performances du site<\/li>\n<li>r\u00e9f\u00e9rencement<\/li>\n<\/ul>\n<p>Rien que ces points devraient vous donner envie d&rsquo;en savoir un peu plus&#8230; non ?<\/p>\n<h2>Mais qu&rsquo;est-ce que c&rsquo;est ?<\/h2>\n<p>La compression gzip est une compression utilisant un format GNUzip (<a title=\"D\u00e9finition de GNU\" href=\"http:\/\/www.linux-france.org\/prj\/jargonf\/G\/GNU.html\" target=\"_blank\">le&nbsp;projet&nbsp;GNU<\/a>). Tout se passe directement sur les serveurs h\u00e9bergeant vos sites Web. Le serveur compresse les donn\u00e9es, votre navigateur lui se chargera de les d\u00e9compresser.<\/p>\n<ol>\n<li>Le serveur compresse les donn\u00e9es (code HTML, CSS, javascript, etc.)<\/li>\n<li>Les fichiers transitent par le r\u00e9seau via HTTP<\/li>\n<li>Le navigateur d\u00e9compresse les donn\u00e9es avant de les interpr\u00e9ter<\/li>\n<\/ol>\n<h2>Mon navigateur le prend en charge ?<\/h2>\n<p>La plupart des navigateurs modernes prennent en charge ce type de compression puisqu&rsquo;elle est pr\u00e9vue depuis 1999. Ainsi Firefox, Opera et Safari prennent en charge cette compression sur <strong>toutes leurs versions<\/strong>, opera depuis sa version 5.12 et IE depuis sa version 4.<\/p>\n<p>Oui mais&#8230;<\/p>\n<p>Jusqu&rsquo;\u00e0 IE6 ce mode de compression pose quelques probl\u00e8mes, puisqu&rsquo;il peut arriver certains bogues lors de la d\u00e9compression. C&rsquo;est pourquoi dans les quelques lignes de code qui vont suivre, IE ne sera pas pris en compte (impossibilit\u00e9 de cibler un navigateur sur sa version).<\/p>\n<h2>Utiliser la compression Gzip<\/h2>\n<p>Le code que je vais vous donner est un code simplifi\u00e9 <strong>fonctionnel pour les serveurs mutualis\u00e9s OVH<\/strong>. En effet pour plus de d\u00e9tail sur son utilisation sur d&rsquo;autres \u00ab\u00a0niveaux\u00a0\u00bb de serveurs, je vous renvoie sur l&rsquo;<a title=\"En savoir davantage sur les compressions\" href=\"http:\/\/www.alsacreations.com\/article\/lire\/914-compression-pages-html-css-gzip-deflate.html\" target=\"_blank\">excellent article de Dew<\/a>.<\/p>\n<p>Je vous invite donc \u00e0 cr\u00e9er un fichier <em>.htaccess<\/em> \u00e0 la racine de votre site. Pour cela sous Windows il vous faudra cr\u00e9er un fichier <em>.txt<\/em> et en changer l&rsquo;extension directement sur votre serveur. (gr\u00e2ce \u00e0 <a title=\"Logiciel gratuit - Client FTP\" href=\"http:\/\/filezilla-project.org\/\" target=\"_blank\">Filezilla<\/a> par exemple)<br \/>\nQuoi qu&rsquo;il en soit je vous invite \u00e0 entrer ces quelques lignes de codes dans votre fichier. Ce sont celles que j&rsquo;utilise sur ce domaine, cela fonctionne parfaitement, mais peut-\u00eatre n&rsquo;aurez-vous pas besoin de tout, je vous d\u00e9taille donc chaque ligne.<\/p>\n<p><cite class=\"file\">Fichier \u00ab\u00a0.htaccess\u00a0\u00bb<\/cite><\/p>\n<pre class=\"code\"><code class=\"php\">##\tactivation ZEND optimizer\r\nSetEnv ZEND_OPTIMIZER 1\r\n\r\n##\tsuppression de SESSID dans les url\r\nSetEnv SESSION_USE_TRANS_SID 0\r\n\r\n##\tserveur en PHP5\r\nSetEnv PHP_VER 5\r\n\r\n##\tCommenter la ligne ci-dessous si plantage \r\n# php_flag zlib.output_compression on\r\n\r\n##\tActiver le filtre\r\nSetOutputFilter DEFLATE\r\n\r\n##\tCertains navigateurs ne peuvent pas avoir GZIP (les vieux) \r\nBrowserMatch ^Mozilla\/4 gzip-only-text\/html\r\nBrowserMatch ^Mozilla\/4\\.0678 no-gzip\r\n\r\n##\tOn ne prend pas IE \r\nBrowserMatch \\bMSIE !no-gzip !gzip-only-text\/html\r\n\r\n##\tOn ne compresse pas les images, elles le sont d\u00e9j\u00e0\r\nSetEnvIfNoCase Request_URI \\.(?:gif|jpe?g|png)$ no-gzip dont-vary\r\n\r\n##\ton g\u00e8re le cas des proxy \r\nHeader append Vary User-Agent env=!dont-vary<\/code><\/pre>\n<p>Pour information un di\u00e8se devant une ligne sert \u00e0 commenter cette ligne, elle devient donc une simple note et n&rsquo;est pas comprise par le serveur. Le double di\u00e8se c&rsquo;est juste pour la pr\u00e9sentation \ud83d\ude42<\/p>\n<p>Le ZEND OPTIMISER doit \u00eatre activ\u00e9 (ligne 2) pour pouvoir utiliser la compression Gzip. Sauf que sur OVH il semblerait que PHP5 soit n\u00e9cessaire pour que l&rsquo;outil de compression fonctionne. Il faut donc renseigner la version de PHP \u00e0 utiliser (ligne 8).<\/p>\n<p>Bon ! Sachez que je ne suis pas sp\u00e9cialiste du langage indien (Apache), donc certains points sont flous pour moi. Si un des visiteurs s&rsquo;y connait l\u00e0 dessus qu&rsquo;il n&rsquo;h\u00e9site pas \u00e0 nous en dire davantage.<br \/>\nMerci d&rsquo;avance.<\/p>\n<h2>Et apr\u00e8s ?<\/h2>\n<p>Et bien normalement c&rsquo;est tout. Vous venez d&rsquo;optimiser votre site Internet pour son chargement. Votre r\u00e9f\u00e9rencement vous remerciera, et vos visiteurs aussi je pense !<\/p>\n<p>Vous pouvez, si ce n&rsquo;est pas d\u00e9j\u00e0 fait, inscrire votre site Internet sur Google dans <a href=\"https:\/\/www.google.com\/webmasters\/tools\/\" target=\"_blank\" title=\"Consulter les outils Google pour Webmasters\">les&nbsp;outils&nbsp;pour&nbsp;Webmasters<\/a>. Cet outil tr\u00e8s pratique vous livre un grand nombre d&rsquo;informations sur la vitesse de chargement de vos pages <em>(Labos > Performances du site)<\/em>, mais aussi sur les principaux sites qui redirigent sur vos pages, sur les mots-clefs qui ressortent de l&rsquo;indexation de vos pages, etc.<br \/>\nUn outil tr\u00e8s pratique, et gratuit, dont il serait dommage de se priver.<\/p>\n<p>La prochaine fois nous verrons comment utiliser d&rsquo;autres outils \u00e0 notre disposition pour tester l&rsquo;optimisation de nos pages Web, ainsi que la mise en cache des fichiers de notre site.<\/p>\n<p>A la prochaine \ud83d\ude09<\/p>\n<div class=\"sources\">\n<h2>Sources et liens utiles :<\/h2>\n<ul>\n<li><a href=\"http:\/\/smashou.info\/dotclear2\/index.php?post\/08\/12\/2009\/Comment-activer-la-compression-GZIP-et-optimiser-l-ex%C3%A9cution-PHP-chez-OVH-sur-un-h%C3%A9bergement-mutualis%C3%A9&#038;pub=0#pr\" target=\"_blank\" title=\"Le site de Smashou\">Comment activer la compression Gzip chez OVH<\/a><\/li>\n<li><a href=\"http:\/\/www.alsacreations.com\/article\/lire\/914-compression-pages-html-css-gzip-deflate.html\" target=\"_blank\" title=\"Article de Dew chez Alsacr\u00e9ations\">Article sur les modes Gzip et Deflate (Alsacr\u00e9ations)<\/a><\/li>\n<li><a href=\"http:\/\/www.whatsmyip.org\/http_compression\/\" target=\"Analyser le gain d'une compression sur une page en ligne (nouvelle fen\u00eatre)\" target=\"_blank\">Analyse du gain de la compression<\/a><\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Vous n&rsquo;\u00eates pas sans savoir que depuis maintenant quelques mois Google prend en compte la vitesse de chargement de vos pages Web pour effectuer son classement lors de l&rsquo;indexation et du retour des r\u00e9sultats de recherche. On peut donc facilement r\u00e9sumer cela par : \u00e0 site l\u00e9ger, meilleur r\u00e9f\u00e9rencement tu auras&nbsp;!<\/p>\n","protected":false},"author":4,"featured_media":122,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[605,9,12],"tags":[20,24,23,318,21,22,25],"coauthors":[597],"class_list":["post-50","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-referencement-seo","category-tutoriels","category-veille-technologique","tag-compression","tag-google","tag-gzip","tag-htaccess","tag-optimisation","tag-ovh","tag-referencement"],"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/50\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/122"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=50"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}