{"id":21128,"date":"2020-05-21T08:00:06","date_gmt":"2020-05-21T06:00:06","guid":{"rendered":"https:\/\/www.seopress.org\/fr\/?p=21128"},"modified":"2025-10-10T09:43:29","modified_gmt":"2025-10-10T07:43:29","slug":"10-astuces-pour-accelerer-les-performances-de-votre-site","status":"publish","type":"post","link":"https:\/\/www.seopress.org\/fr\/newsroom\/reportage\/10-astuces-pour-accelerer-les-performances-de-votre-site\/","title":{"rendered":"10 astuces pour acc\u00e9l\u00e9rer les performances de votre site"},"content":{"rendered":"<p>Officiellement, la performance de votre site n&rsquo;est qu&rsquo;un tout petit facteur de r\u00e9f\u00e9rencement comme le pr\u00e9cise Gary Illyes (un porte parole de chez Google). Mais, il est primordial pour augmenter vos conversions. Aucun utilisateur n&rsquo;aime attendre plus de quelques secondes qu&rsquo;une page web termine son chargement. Voyons ensemble \u00e0 travers cette liste comment booster la vitesse de votre site.<\/p>\n<p><a class=\"btn btn-primary\" href=\"https:\/\/www.seopress.org\/fr\/support\/ebooks\/10-astuces-pour-accelerer-les-performances-de-votre-site\/\"><strong>T\u00e9l\u00e9charger l&rsquo;ebook 10 astuces pour acc\u00e9l\u00e9rer les performances de votre site gratuitement<\/strong><\/a><\/p>\n<blockquote class=\"twitter-tweet\" data-width=\"550\" data-dnt=\"true\">\n<p lang=\"en\" dir=\"ltr\">Ranking wise it&#39;s a teeny tiny factor, very similar to https ranking boost. That particular one is not surprising. You do that primarily to enable users to convert.<\/p>\n<p>&mdash; Gary \u9be8\u7406\uff0f\uacbd\ub9ac Illyes (so official, trust me) (@methode) <a href=\"https:\/\/twitter.com\/methode\/status\/1255224116648476675?ref_src=twsrc%5Etfw\">April 28, 2020<\/a><\/p><\/blockquote>\n<p><script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<h2>#1 &#8211; L&rsquo;h\u00e9bergement<\/h2>\n<p>Responsable pour plus de 60% de la vitesse de chargement de votre site, le choix d&rsquo;un h\u00e9bergeur de qualit\u00e9 n&rsquo;est pas \u00e0 prendre \u00e0 la l\u00e9g\u00e8re. Voici quelques conseils pour vous aider \u00e0 en choisir un parmi les tr\u00e8s nombreux acteurs du march\u00e9 :<\/p>\n<ul>\n<li><strong>l&#8217;emplacement g\u00e9ographique<\/strong> des serveurs doit \u00eatre le plus proche de ceux de vos clients,<\/li>\n<li><strong>\u00e9vitez les offres commerciales \u00e0 bas prix<\/strong> (quelques euros par mois), elles sont g\u00e9n\u00e9ralement tr\u00e8s limit\u00e9es, et comprennent souvent des co\u00fbts cach\u00e9s,<\/li>\n<li><strong>privil\u00e9giez les serveurs de type \u00ab\u00a0cloud\u00a0\u00bb<\/strong> qui permettent d&rsquo;\u00e9voluer \u00e0 la demande en quelques minutes (processeur, m\u00e9moire vive, disque dur&#8230;) notamment dans le cadre d&rsquo;un e-commerce pour g\u00e9rer des pics de visites (p\u00e9riodes de soldes, Black Friday, No\u00ebl&#8230;),<\/li>\n<li><strong>la partie mat\u00e9riel et logiciel propos\u00e9s doit \u00eatre de derni\u00e8re g\u00e9n\u00e9ration<\/strong>, par exemple, des disques durs SSD ou NVMe, PHP 7.4, MySQL 8.0 etc.<\/li>\n<li>assurez vous que votre h\u00e9bergeur g\u00e8re \u00e9galement les boites mails (cela ne va pas optimiser vos performances mais peut \u00eatre frustrant si vous n&rsquo;avez pas l&rsquo;option, tous ne le font pas),<\/li>\n<li><strong>dissociez vos noms de domaines de votre h\u00e9bergeur<\/strong> : en cas de soucis, vous restez maitre du nom de domaine.<\/li>\n<\/ul>\n<p>Si vous avez des doutes, faites appel \u00e0 un consultant afin de vous aiguiller dans une offre adapt\u00e9e \u00e0 vos besoins, \u00e9volutive et performante. Mieux, d\u00e9l\u00e9guez cette t\u00e2che \u00e0 un administrateur syst\u00e8me dont c&rsquo;est le m\u00e9tier qui mettra en place une machine aux petits oignons.<\/p>\n<h2>#2 &#8211; Les DNS (domain name system, syst\u00e8me de nom de domaine)<\/h2>\n<p>Tous les fournisseurs de noms de domaines ne se valent pas au niveau de la performance. Si votre nom de domaine met plus de 200ms \u00e0 r\u00e9pondre c&rsquo;est beaucoup trop. Une valeur inf\u00e9rieure \u00e0 50ms est consid\u00e9r\u00e9 comme bonne.<\/p>\n<p>Vous pouvez utiliser <a href=\"https:\/\/www.dnsperf.com\/dns-speed-benchmark\/\" target=\"_blank\" rel=\"noopener noreferrer\">DNSPerf<\/a> par exemple pour tester mondialement vos DNS.<\/p>\n<h2>#3 &#8211; Le th\u00e8me<\/h2>\n<p>Il existe un multitude de th\u00e8mes disponibles sur le march\u00e9 et il est tr\u00e8s difficile d&rsquo;en choisir un. D&rsquo;autant que celui ci est pleine mutation avec le nouvel \u00e9diteur de WordPress qui permettra d&rsquo;ici la fin de l&rsquo;ann\u00e9e (date sujette \u00e0 changement) de modifier la totalit\u00e9 de votre site. Nombreux sont les utilisateurs \u00e0 utiliser un th\u00e8me tr\u00e8s populaire qui permet de tout faire. Mais ce n&rsquo;est pas forc\u00e9ment une bonne id\u00e9e. Voici quelques conseils pour choisir un th\u00e8me performant qui ne ruinera pas votre temps de chargement et donc votre conversion :<\/p>\n<ul>\n<li><strong>\u00e9vitez les th\u00e8mes usines \u00e0 gaz<\/strong> : vous n&rsquo;avez pas besoin d&rsquo;avoir 40 sliders et galleries diff\u00e9rentes, ni de transformer en sapin de no\u00ebl votre site en y ajoutant des animations dans tous les sens. Ce sera autant de JavaScript et de CSS en moins \u00e0 charger.<\/li>\n<li><strong>ne vous fiez pas aux sites de d\u00e9mo pour tester la performance<\/strong> : ils sont souvent h\u00e9berg\u00e9s sur des serveurs puissants qui ne seront pas forc\u00e9ment repr\u00e9sentatifs de votre machine. Si vous avez la possibilit\u00e9 de tester le th\u00e8me gratuitement pendant une p\u00e9riode de quelques jours, c&rsquo;est un plus.<\/li>\n<li><strong>utilisez les outils de debug de votre navigateur<\/strong> (accessible via F12 ou via clic-droit Inspecter l&rsquo;\u00e9l\u00e9ment). Depuis l&rsquo;onglet R\u00e9seaux, actualisez votre page et attendez la fin compl\u00e8te du chargement. Vous obtiendrez des informations pertinentes sur le poids de chacune des ressources (CSS, JS, images, fonts&#8230;), le poids total de la page, le nombre de requ\u00eates&#8230; M\u00eame si vous n&rsquo;\u00eates pas d\u00e9veloppeur, essayez de comparer les diff\u00e9rents th\u00e8mes que vous avez rep\u00e9rer de cette fa\u00e7on et ainsi trouvez le plus performant.<\/li>\n<li><strong>privil\u00e9gier la simplicit\u00e9<\/strong> : peu importe le th\u00e8me et\/ou le constructeur de page choisi, posez vous la question \u00e0 chaque ajout d&rsquo;un bloc de contenu : est-il pertinent d&rsquo;avoir une carte Google Maps sur cette page ? y&rsquo;a t-il un r\u00e9el int\u00e9r\u00eat \u00e0 charger les flux Facebook \/ Twitter \/ Pinterest sur ma page d&rsquo;accueil (la r\u00e9ponse est non) ? qu&rsquo;apporte ce slider aux animations 3D (surement des conflits d&rsquo;affichage, de crawl et d&rsquo;accessibilit\u00e9) ? Plus vous ajoutez des blocs complexes, plus vous risquez d&rsquo;alourdir le temps de chargement de vos pages.<\/li>\n<\/ul>\n<h2>#4 &#8211; Version de PHP<\/h2>\n<p>Nous l&rsquo;avons \u00e9voqu\u00e9 dans notre point #1, PHP est le language de programmation c\u00f4t\u00e9 serveur utilis\u00e9 par WordPress pour fonctionner.<\/p>\n<p>Officiellement, le <a href=\"https:\/\/wordpress.org\/support\/article\/requirements\/\" target=\"_blank\" rel=\"noopener noreferrer\">minimum requis est la version 5.6.20<\/a>, mais vous vous exposez \u00e0 des failles de s\u00e9curit\u00e9, et surtout, vous ne b\u00e9n\u00e9ficiez pas des am\u00e9liorations consid\u00e9rables en termes de performances qu&rsquo;ont successivement apport\u00e9 les versions 7 et sup\u00e9rieures (des chargements deux \u00e0 trois fois plus rapides).<\/p>\n<p>De plus, de nombreux th\u00e8mes et extensions ne sont d&rsquo;ores et d\u00e9j\u00e0 plus maintenues pour les versions inf\u00e9rieures \u00e0 PHP 7.0.<\/p>\n<p>Alors, mettez vous \u00e0 jour pour \u00e9viter tout conflit.<\/p>\n<h2>#5 &#8211; Versions de MySQL \/ MariaDB<\/h2>\n<p>Souvent n\u00e9glig\u00e9, car plus difficile techniquement \u00e0 migrer ou \u00e0 modifier, le syst\u00e8me de gestion de base de donn\u00e9es (MySQL ou MariaDB, les deux support\u00e9s par WordPress), \u00e0 l&rsquo;instar de PHP, doit \u00e9galement \u00eatre mis \u00e0 jour pour b\u00e9n\u00e9ficier des derni\u00e8res am\u00e9liorations de performance, stabilit\u00e9 et s\u00e9curit\u00e9.<\/p>\n<p>Si vous devez mettre \u00e0 jour, faites appel de pr\u00e9f\u00e9rence \u00e0 un professionnel et n&rsquo;oubliez pas les sauvegardes !<\/p>\n<h2>#6 &#8211; Plugin de cache<\/h2>\n<p>Une extension de cache vous permettra d&rsquo;aller chercher les deniers 10 \u00e0 20% restants dans l&rsquo;optimisation du temps de chargement de votre site. Gratuite ou Premium (nous utilisons et <a href=\"https:\/\/www.seopress.org\/go\/wp-rocket\" target=\"_blank\" rel=\"noopener noreferrer\">recommandons WP-Rocket<\/a> depuis des ann\u00e9es, jetez un oeil au <a href=\"https:\/\/wpmarmite.com\/wprocket\/\" target=\"_blank\" rel=\"noopener\">test complet de WP Rocket de WPMarmite<\/a>), elle se chargera de mettre en place :<\/p>\n<ul>\n<li>un cache statique de vos pages<\/li>\n<li>de minifier, concat\u00e9ner vos CSS et JS<\/li>\n<li>de compresser vos pages<\/li>\n<li>de diff\u00e9rer le chargement de vos images<\/li>\n<li>de diff\u00e9rer le chargement de vos scripts<\/li>\n<li>d&rsquo;optimiser votre base de donn\u00e9es<\/li>\n<li>etc.<\/li>\n<\/ul>\n<p>Attention \u00e0 bien la configurer pour \u00e9viter des effets de bords. Testez toujours vos pages les plus sensibles de votre site comme le syst\u00e8me de paiement ou les formulaires de contact par pr\u00e9caution !<\/p>\n<h2>#7 &#8211; Mises \u00e0 jour de WordPress, des plugins, du th\u00e8me<\/h2>\n<p>On ne le dira jamais assez : mettez \u00e0 jour WordPress r\u00e9guli\u00e8rement pour b\u00e9n\u00e9ficier de correctifs de bugs, failles de s\u00e9curit\u00e9, optimisation des performances, nouvelles fonctionnalit\u00e9s&#8230; Et cela vaut aussi pour les extensions, votre th\u00e8me et m\u00eame vos traductions.<\/p>\n<h2>#8 &#8211; Les plugins<\/h2>\n<p>Mod\u00e9rer la quantit\u00e9 de plugins install\u00e9s sur votre site. Supprimez toutes celles que vous n&rsquo;utilisez pas par s\u00e9curit\u00e9.<\/p>\n<p>Le nombre de plugins importe peu : vous pouvez avoir 50 extensions qui n&rsquo;auront que tr\u00e8s peu d&rsquo;impact sur votre site, et en avoir une seule qui divisera par deux votre temps de chargement. Toutefois, moins vous utilisez de plugins, plus vous diminuez les risques de conflits, de probl\u00e8mes de performances, de s\u00e9curit\u00e9 etc. Votre maintenance s&rsquo;en trouvera \u00e9galement simplifi\u00e9e.<\/p>\n<h2>#9 &#8211; Les images<\/h2>\n<p>La part occup\u00e9e par les images dans le poids de votre page est tr\u00e8s souvent la plus importante ! Quelques conseils pour optimiser le poids de vos images :<\/p>\n<ul>\n<li><strong>choisissez le bon format<\/strong> : JPG\/JPEG pour les photos, PNG pour les logos\/infographies\/textes, SVG pour les ic\u00f4nes \/ illustrations \/ logos. Attention, cette r\u00e8gle est vraie dans la plupart des cas, mais il ne faut pas h\u00e9siter \u00e0 tester.<\/li>\n<li><strong>la compression<\/strong> : lors d&rsquo;un export JPG\/JPEG, diminuer la qualit\u00e9 d&rsquo;export \u00e0 60% en moyenne, essayez m\u00eame de descendre \u00e0 40% si vous ne voyez pas trop de pertes de qualit\u00e9. Pour les PNG, essayer le 8 bits au lieu du 24. Le SVG peut \u00e9galement \u00eatre compress\u00e9, attention aux formes courbes, elles peuvent cr\u00e9nel\u00e9es facilement.<\/li>\n<li><strong>les dimensions<\/strong> : n&rsquo;envoyer pas des photos de 5 000 pixels de large dans votre site ! Retailler et\/ou redimensionnez toujours vos photos avant envoi. Pensez \u00e9galement aux \u00e9crans \u00e0 haute densit\u00e9 de pixels (\u00e9cran Retina pour faire simple) ou les valeurs doivent \u00eatre multipli\u00e9es par 2 voir m\u00eame par 3 ! Adobe XD est capable de g\u00e9rer cela tout seul.<\/li>\n<li><strong>les images adaptatives<\/strong> : lorsque vous ins\u00e9rez une image dans votre page, WordPress ajoute automatiquement les attributs <strong>srcset<\/strong> et <strong>sizes<\/strong> \u00e0 votre balise img. Si votre th\u00e8me est correctement d\u00e9velopp\u00e9 et respectueux des bonnes pratiques WordPress, l&rsquo;image la plus appropri\u00e9e sera charg\u00e9e \u00e0 l&rsquo;utilisateur en fonction de r\u00e9solution d&rsquo;\u00e9cran, taille de fen\u00eatre&#8230;<\/li>\n<\/ul>\n<p>Sous Mac, vous pouvez utiliser Aper\u00e7u pour optimiser vos images gratuitement (celui ci supporte m\u00eame l&rsquo;export de masse). En logiciels payants, les suites Adobe Creative Cloud ou Affinity combleront toutes vos attentes.<\/p>\n<p>Enfin, vous pouvez \u00e9galement utiliser des extensions WordPress (freemium pour la plupart) telles <a href=\"https:\/\/wordpress.org\/plugins\/imagify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Imagify<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/ewww-image-optimizer\/\" target=\"_blank\" rel=\"noopener noreferrer\">EWWW Image Optimizer<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/shortpixel-image-optimiser\/\" target=\"_blank\" rel=\"noopener noreferrer\">ShortPixel Image Optimizer<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/resmushit-image-optimizer\/\" target=\"_blank\" rel=\"noopener noreferrer\">reSmush.it<\/a>, <a href=\"https:\/\/wordpress.org\/plugins\/tiny-compress-images\/\" target=\"_blank\" rel=\"noopener noreferrer\">Compress JPEG &amp; PNG images,<\/a> <a href=\"https:\/\/wordpress.org\/plugins\/wp-smushit\/\" target=\"_blank\" rel=\"noopener noreferrer\">Smush<\/a>&#8230; pour automatiquement optimiser vos images \u00e0 l&rsquo;envoi dans la biblioth\u00e8que des m\u00e9dias.<\/p>\n<h2>#10 &#8211; Gzip<\/h2>\n<p>Gzip est un logiciel c\u00f4t\u00e9 serveur qui va envoyer au client une version compress\u00e9e des donn\u00e9es dans le but d&rsquo;en r\u00e9duire consid\u00e9rablement leurs poids, donc le temps de chargements. C&rsquo;est votre navigateur qui se chargera de d\u00e9compresser tout \u00e7a pour en faire le rendu.<\/p>\n<p>Plusieurs outils comme <a href=\"https:\/\/tools.pingdom.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Pingdom Website Speed Test<\/a> permettent de v\u00e9rifier si oui ou non gzip est install\u00e9 sur votre site.<\/p>\n<p>Pour activer la compression gzip, nous vous recommandons de contacter votre h\u00e9bergeur ou la <a href=\"https:\/\/royal.pingdom.com\/can-gzip-compression-really-improve-web-performance\/\" target=\"_blank\" rel=\"noopener noreferrer\">lecture de cet article<\/a>.<\/p>\n<h2>Conclusion<\/h2>\n<p>Nous esp\u00e9rons que cela vous aidera \u00e0 am\u00e9liorer les performances de votre site WordPress et \u00e0 obtenir de meilleurs classements et conversions.<\/p>\n<p>Quelques \u00e9l\u00e9ments qui ne figurent pas dans notre top 10, mais que vous voudrez peut-\u00eatre examiner : CDN, chargement diff\u00e9r\u00e9, demandes externes, suppression de boutons de partage, scripts de suivi et erreurs 404.<\/p>\n<p>Si vous pensez que nous avons manqu\u00e9 quelque chose, dites-le nous dans les commentaires ci-dessous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Officiellement, la performance de votre site n&rsquo;est qu&rsquo;un tout petit facteur de r\u00e9f\u00e9rencement comme&#8230;<\/p>\n","protected":false},"author":1,"featured_media":40846,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_seopress_robots_primary_cat":"none","_seopress_titles_title":"","_seopress_titles_desc":"","_seopress_robots_index":"","_relevanssi_hide_post":"","_relevanssi_hide_content":"","_relevanssi_pin_for_all":"","_relevanssi_pin_keywords":"","_relevanssi_unpin_keywords":"","_relevanssi_related_keywords":"","_relevanssi_related_include_ids":"","_relevanssi_related_exclude_ids":"","_relevanssi_related_no_append":"","_relevanssi_related_not_related":"","_relevanssi_related_posts":"","_relevanssi_noindex_reason":"","editor_notices":[],"footnotes":""},"categories":[97],"tags":[131],"class_list":{"0":"post-21128","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-reportage","8":"tag-google-page-speed"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/posts\/21128","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/comments?post=21128"}],"version-history":[{"count":0,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/posts\/21128\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/media\/40846"}],"wp:attachment":[{"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/media?parent=21128"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/categories?post=21128"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.seopress.org\/fr\/wp-json\/wp\/v2\/tags?post=21128"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}