{"id":469,"date":"2020-10-14T12:00:32","date_gmt":"2020-10-14T12:00:32","guid":{"rendered":"https:\/\/www.capconnect.com\/blog\/?p=469"},"modified":"2021-09-25T14:26:11","modified_gmt":"2021-09-25T14:26:11","slug":"vitesse-de-chargement-site-wordpress","status":"publish","type":"post","link":"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/","title":{"rendered":"Comment am\u00e9liorer la vitesse de chargement des pages d&rsquo;un site WordPress?"},"content":{"rendered":"<p>La vitesse de chargement des pages d\u2019un site con\u00e7u avec WordPress, bien que souvent n\u00e9glig\u00e9e, joue un r\u00f4le tr\u00e8s important dans la performance du site.<\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_38 counter-hierarchy ez-toc-counter ez-toc-grey ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\">Table de mati&egrave;res<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" style=\"display: none;\"><label for=\"item\" aria-label=\"Table des mati\u00e8res\"><span style=\"display: flex;align-items: center;width: 35px;height: 30px;justify-content: center;\"><svg style=\"fill: #999;color:#999\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #999;color:#999\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/label><input type=\"checkbox\" id=\"item\"><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1' ><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#Quest-ce_que_cest_que_WordPress\" title=\"Qu\u2019est-ce que c\u2019est que WordPress ?\">Qu\u2019est-ce que c\u2019est que WordPress ?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#Pourquoi_est-ce_la_vitesse_de_chargement_dun_site_WordPress_est_si_importante\" title=\"Pourquoi est-ce la vitesse de chargement d\u2019un site WordPress est si importante?\">Pourquoi est-ce la vitesse de chargement d\u2019un site WordPress est si importante?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#Techniques_pour_accelerer_la_vitesse_de_chargement_dun_site_WordPress\" title=\"Techniques pour acc\u00e9l\u00e9rer la vitesse de chargement d&rsquo;un site WordPress\">Techniques pour acc\u00e9l\u00e9rer la vitesse de chargement d&rsquo;un site WordPress<\/a><ul class='ez-toc-list-level-3'><li class='ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#1-_Theme_pas_lourd\" title=\"1- Th\u00e8me pas lourd\">1- Th\u00e8me pas lourd<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#2-_Formule_dhebergement_adequate\" title=\"2- Formule d\u2019h\u00e9bergement ad\u00e9quate\">2- Formule d\u2019h\u00e9bergement ad\u00e9quate<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#3-_Suppression_des_plugins_et_extensions_inutiles\" title=\"3- Suppression des plugins et extensions inutiles\">3- Suppression des plugins et extensions inutiles<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#4-_Mise_a_jour_de_la_version_PHP\" title=\"4- Mise \u00e0 jour de la version PHP\">4- Mise \u00e0 jour de la version PHP<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#5-_Mise_en_cache\" title=\"5- Mise en cache\">5- Mise en cache<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-9\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#6-_Optimisation_des_images\" title=\"6- Optimisation des images\">6- Optimisation des images<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-10\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#7-_Compresser_les_fichiers_CSS_HTML_et_Javascript\" title=\"7- Compresser les fichiers CSS, HTML et Javascript\">7- Compresser les fichiers CSS, HTML et Javascript<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-11\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#8-_Lazy_loading\" title=\"8- Lazy loading\">8- Lazy loading<\/a><\/li><\/ul><\/li><li class='ez-toc-page-1 ez-toc-heading-level-2'><a class=\"ez-toc-link ez-toc-heading-12\" href=\"https:\/\/www.capconnect.com\/blog\/vitesse-de-chargement-site-wordpress\/#Conclusion\" title=\"Conclusion\">Conclusion<\/a><\/li><\/ul><\/nav><\/div>\n<h2><span class=\"ez-toc-section\" id=\"Quest-ce_que_cest_que_WordPress\"><\/span>Qu\u2019est-ce que c\u2019est que WordPress ?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>WordPress est l\u2019un des CMS (content management system) les plus utilis\u00e9s parmi les d\u00e9veloppeurs et cr\u00e9ateurs de sites.<br \/>\nGratuit, simple et open source, il vous permet de cr\u00e9er, structurer et g\u00e9rer votre site en profitant des th\u00e8mes, plugins et extensions auxquels il vous donne acc\u00e8s, sans aucune connaissance technique pr\u00e9alable.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-243 size-thumbnail\" title=\"WordPress Maroc\" src=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/02\/wordpres-maroc-150x150.png\" alt=\"WordPress Maroc\" width=\"150\" height=\"150\" srcset=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/02\/wordpres-maroc-150x150.png 150w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/02\/wordpres-maroc-370x370.png 370w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/02\/wordpres-maroc-270x270.png 270w\" sizes=\"auto, (max-width: 150px) 100vw, 150px\" \/><\/p>\n<p>D&rsquo;autre part, l&rsquo;installation de WordPress se fait tr\u00e8s facilement. Vous devez d&rsquo;abord disposer d&rsquo;un <a href=\"https:\/\/www.capconnect.com\/noms-de-domaine\" target=\"_blank\" rel=\"noopener noreferrer\">nom de domaine<\/a> (<a href=\"https:\/\/www.capconnect.com\/nom-de-domaine-ma\" target=\"_blank\" rel=\"noopener noreferrer\">nom de domaine .ma<\/a>), choisir votre pack d&rsquo;<a href=\"https:\/\/www.capconnect.com\/hebergement-web\" target=\"_blank\" rel=\"noopener noreferrer\">h\u00e9bergement Web<\/a> puis <a href=\"https:\/\/support.capconnect.com\/knowledgebase\/installer-wordpress-softaculous-cpanel\/\" target=\"_blank\" rel=\"noopener noreferrer\">installer WordPress<\/a> en 1 seul clic \u00e0 partir de votre interface cPanel.<\/p>\n<p>Finalement, WordPress est dot\u00e9 d\u2019un bon r\u00e9f\u00e9rencement. Ceci signifie que l\u2019utilisation de ce logiciel pour la cr\u00e9ation d\u2019un site pourrait vous aider \u00e0 occuper un bon classement parmi les r\u00e9sultats aux yeux des moteurs de recherche.<\/p>\n<p>Cependant, il reste plusieurs crit\u00e8res \u00e0 prendre en compte pour am\u00e9liorer votre position, dont le sujet de cet article: La vitesse de chargement d\u2019un site WordPress.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Pourquoi_est-ce_la_vitesse_de_chargement_dun_site_WordPress_est_si_importante\"><\/span>Pourquoi est-ce la vitesse de chargement d\u2019un site WordPress est si importante?<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>La vitesse de chargement d&rsquo;un site WordPress impacte \u00e9norm\u00e9ment l\u2019exp\u00e9rience utilisateur: Un site internet lent peut causer un <a href=\"https:\/\/fr.wikipedia.org\/wiki\/Taux_de_rebond\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">taux de rebond<\/a> \u00e9lev\u00e9.<br \/>\nC\u2019est \u00e0 dire que d\u00e8s qu\u2019un site prend plusieurs secondes pour charger, l\u2019utilisateur n\u2019y pr\u00eate plus attention, et ne prend pas le temps de consulter les autres pages. Ainsi, vous perdez votre chance de le convaincre et vous perdez un client potentiel.<\/p>\n<p>D\u2019autre part, Google et d\u2019autres moteurs de recherche n\u2019appr\u00e9cient pas les sites lents et les p\u00e9nalise m\u00eame dans certains cas en les mal classant dans les r\u00e9sultats de recherches. Ceci engendre donc un flux encore plus faible pour les sites lents.<\/p>\n<p>Il existe plusieurs techniques que vous pouvez utiliser et mettre en place pour am\u00e9liorer la vitesse de votre site con\u00e7u avec WordPress. Mais avant d\u2019y proc\u00e9der, veillez \u00e0 <strong>mesurer les performances de votre site d\u2019abord<\/strong> et calculez exactement le temps n\u00e9cessaire pour le chargement des pages.<br \/>\nAfin d\u2019avoir une mesure plus pr\u00e9cise et correcte et des r\u00e9sultats, il vous est recommand\u00e9 d\u2019utiliser plusieurs outils \u00e0 la fois.(<strong>Outils: <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">PageSpeed insights<\/a>, <a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">WebPageTest<\/a>, <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">gtmetrix<\/a><\/strong>)<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-480 size-full\" title=\"Mesurer la vitesse de chargement d'un site WordPress\" src=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/gtmetrix-min.png\" alt=\"Mesurer la vitesse de chargement d'un site WordPress\" width=\"961\" height=\"511\" srcset=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/gtmetrix-min.png 961w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/gtmetrix-min-300x160.png 300w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/gtmetrix-min-768x408.png 768w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/gtmetrix-min-585x311.png 585w\" sizes=\"auto, (max-width: 961px) 100vw, 961px\" \/><\/p>\n<p>Vous pouvez \u00e9galement <a href=\"https:\/\/www.thinkwithgoogle.com\/intl\/fr-fr\/feature\/testmysite\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">mesurer la vitesse de chargement de votre site sur mobile.<\/a><\/p>\n<p>Une fois vos r\u00e9sultats obtenus, voici 7 bonnes techniques qui vous serviront \u00e0 optimiser la vitesse de votre site Web.<\/p>\n<h2><span class=\"ez-toc-section\" id=\"Techniques_pour_accelerer_la_vitesse_de_chargement_dun_site_WordPress\"><\/span>Techniques pour acc\u00e9l\u00e9rer la vitesse de chargement d&rsquo;un site WordPress<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<h3><span class=\"ez-toc-section\" id=\"1-_Theme_pas_lourd\"><\/span>1- Th\u00e8me pas lourd<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Il est important de prendre en consid\u00e9ration le poids du th\u00e8me que vous souhaitez utiliser lorsque vous cr\u00e9ez un site Web avec WordPress.<br \/>\nBien que l\u2019esth\u00e9tique et la multiplicit\u00e9 des fonctionnalit\u00e9s soient la premi\u00e8re chose \u00e0 consid\u00e9rer lors de choix du th\u00e8me, veillez \u00e9galement \u00e0 ce que ce dernier soit l\u00e9ger. En effet, <strong>un th\u00e8me lourd est plus susceptible de causer le ralentissement du chargement du site.<\/strong><br \/>\nCeci dit, lorsque vous effectuez votre choix de th\u00e8me, <strong>choisissez un th\u00e8me r\u00e9cent, optimis\u00e9 et qui ne contient que les fonctionnalit\u00e9s et atouts dont vous aurez besoin pour la cr\u00e9ation du site.<\/strong><br \/>\nD\u2019autre part, il existe des th\u00e8mes gratuits et d\u2019autres payants. Ceci ne signifie pas pour autant que les th\u00e8mes payants sont forc\u00e9ment meilleurs ou qu\u2019ils sont moins l\u00e9gers: les th\u00e8mes gratuits ne doivent pas \u00eatre n\u00e9glig\u00e9s.<br \/>\n<strong>Il suffit que le th\u00e8me soit adapt\u00e9 \u00e0 votre vision du site<\/strong> et qu\u2019ils ne contiennent pas beaucoup d\u2019images. Un th\u00e8me minimaliste que vous pouvez modeler \u00e0 votre mani\u00e8re fera l\u2019affaire.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-481 size-full\" title=\"Th\u00e8mes WordPress\" src=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Themes-WordPress-min.png\" alt=\"Th\u00e8mes WordPress\" width=\"1107\" height=\"669\" srcset=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Themes-WordPress-min.png 1107w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Themes-WordPress-min-300x181.png 300w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Themes-WordPress-min-1024x619.png 1024w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Themes-WordPress-min-768x464.png 768w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Themes-WordPress-min-585x354.png 585w\" sizes=\"auto, (max-width: 1107px) 100vw, 1107px\" \/><br \/>\nVous pouvez mesurer les performances, la lourdeur d\u2019un th\u00e8me et son impact sur la vitesse de chargement du site con\u00e7u avec un certain th\u00e8me en le t\u00e9l\u00e9chargeant en version demo et effectuant les tests \u00e0 l\u2019aide des outils mentionn\u00e9s pr\u00e9c\u00e9demment. (Outils: <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">PageSpeed insights<\/a>, <a href=\"https:\/\/www.webpagetest.org\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">WebPageTest<\/a>, <a href=\"https:\/\/gtmetrix.com\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">gtmetrix<\/a>)<\/p>\n<p>Si vous avez d\u00e9j\u00e0 cr\u00e9\u00e9 votre site Web, que votre th\u00e8me est bien install\u00e9, que ne pouvez pas revenir sur vos d\u00e9cisions sur ce point et que votre site Web est lent, les techniques cit\u00e9es ci-dessous vous seront plus int\u00e9ressantes et plus utiles.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"2-_Formule_dhebergement_adequate\"><\/span>2- Formule d\u2019h\u00e9bergement ad\u00e9quate<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Contrairement \u00e0 ce que plusieurs peuvent penser, la formule choisie pour l\u2019h\u00e9bergement web de votre site peut influer gravement la vitesse de son chargement.<br \/>\n<strong>Cap Connect<\/strong> vous propose 4 formules:<br \/>\n<strong><a href=\"https:\/\/www.capconnect.com\/hebergement-web\" target=\"_blank\" rel=\"noopener noreferrer\">Serveur mutualis\u00e9<\/a>:<\/strong> Vous partagez les ressources du serveur o\u00f9 votre site est h\u00e9berg\u00e9 avec d\u2019autres clients.<br \/>\nCe type d\u2019h\u00e9bergement est moins cher mais est risqu\u00e9, de telle sorte que la surconsommation des ressources partag\u00e9es par d\u2019autres sites peut engendrer le ralentissement du v\u00f4tre, voire m\u00eame son dysfonctionnement et son arr\u00eat.<br \/>\n<a href=\"https:\/\/www.capconnect.com\/serveur-cloud-ssd\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Serveur Cloud SSD<\/strong><\/a>: est une solution d\u2019h\u00e9bergement web, con\u00e7ue pour les sites \u00e0 grand trafic.<br \/>\nCet h\u00e9bergement repose sur l\u2019utilisation de multiples machines Cloud connect\u00e9es entre eux et agissant pour un m\u00eame site. Si l\u2019une des machines tombe en panne, il y en a toujours d\u2019autres pour la remplacer \u00e0 tout moment, vous permettant ainsi une grande vitesse de chargement de pages.<br \/>\n<a href=\"https:\/\/www.capconnect.com\/serveurs-vps-ssd\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Serveur VPS<\/strong><\/a>: Ce type d\u2019h\u00e9bergement utilise un serveur virtuel priv\u00e9 qu\u2019est un serveur physique contenant plusieurs compartiments ind\u00e9pendants qui peuvent \u00eatre utilis\u00e9s par divers clients \u00e0 la fois.<br \/>\nVous pouvez donc louer ou acheter un de ces compartiments et avoir acc\u00e8s \u00e0 assez de ressources pour h\u00e9berger votre site et garantir son fonctionnement sans que \u00e7a nuise \u00e0 la qualit\u00e9 des autres sites h\u00e9berg\u00e9s sur le m\u00eame serveur.<br \/>\nOn peut dire que ce type d\u2019h\u00e9bergement est la combinaison parfaite entre l\u2019h\u00e9bergement d\u00e9di\u00e9 et le mutualis\u00e9.<br \/>\n<a href=\"https:\/\/www.capconnect.com\/serveurs-dedies\" target=\"_blank\" rel=\"noopener noreferrer\"><strong>Serveur d\u00e9di\u00e9<\/strong><\/a>: Contrairement au VPS qu\u2019est un serveur qui peut \u00eatre utilis\u00e9 par plusieurs clients, ce type d\u2019h\u00e9bergement repose sur un serveur physique d\u00e9di\u00e9 \u00e0 un seul et unique client.<\/p>\n<p><strong>L\u2019h\u00e9bergement Cloud SSD est tr\u00e8s recommand\u00e9 pour les diverses fonctionnalit\u00e9s auxquelles il vous donne acc\u00e8s.<\/strong><br \/>\nVous pouvez \u00e9galement consulter l\u2019article sur <a href=\"https:\/\/www.capconnect.com\/blog\/serveur-cloud-vps-serveur-dedie\/\" target=\"_blank\" rel=\"noopener noreferrer\">comment choisir entre un serveur Cloud SSD, un VPS SSD et un serveur d\u00e9di\u00e9.<\/a><\/p>\n<h3><span class=\"ez-toc-section\" id=\"3-_Suppression_des_plugins_et_extensions_inutiles\"><\/span>3- Suppression des plugins et extensions inutiles<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>L\u2019une des raisons pour lesquelles <strong>WordPress est le CMS le plus appr\u00e9ci\u00e9 autour du monde est l\u2019acc\u00e8s facile \u00e0 plusieurs extensions et plugins<\/strong>, qui peuvent vous \u00eatre tr\u00e8s n\u00e9cessaires et utiles pour la construction de votre site web, m\u00eame si vous manquez d\u2019exp\u00e9rience dans ce domaine.<br \/>\nCependant, il est possible dans nombreux cas que ces extensions et plugins m\u00eame qui \u00e9taient cens\u00e9s vous aider \u00e0 cr\u00e9er votre site et l\u2019optimiser soient l\u2019une des raisons pour lesquelles votre site est lent.<br \/>\nEn effet, il peut vous arriver d\u2019avoir des plugins dont vous n\u2019avez pas besoin avec votre th\u00e8me, ou encore que vous installiez des extensions que vous n\u2019utilisez jamais.<br \/>\nCeci dit, il est important de surveiller les extensions install\u00e9es et de <strong>supprimer celles dont vous n\u2019avez pas besoin<\/strong>. <strong>Les seuls plugins qui doivent \u00eatre gard\u00e9s sont ceux indispensables au fonctionnement de votre site.<\/strong><\/p>\n<p>D&rsquo;autre part, les plugins que vous garderez doivent absolument \u00eatre \u00e0 jour. En effet, l&rsquo;utilisation d&rsquo;extensions qui ne sont pas \u00e0 jour peut entra\u00eener plusieurs dysfonctionnements au niveau de votre site, dont le ralentissement de chargement de vos pages.<br \/>\nUn autre probl\u00e8me qui peut surgir suite \u00e0 l&rsquo;utilisation de plugins pas \u00e0 jour concerne la s\u00e9curit\u00e9 de votre site web. En effet, ces extensions peuvent \u00eatre une grande menace de piratage pour votre site Web.<br \/>\nCeci dit, <strong>vos extensions ainsi que votre th\u00e8me doivent toujours \u00eatre \u00e0 jour.<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"4-_Mise_a_jour_de_la_version_PHP\"><\/span>4- Mise \u00e0 jour de la version PHP<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>PHP est un langage de script et de programmation <strong>open-source<\/strong>, tr\u00e8s utilis\u00e9 pour le d\u00e9veloppement Web, et est le langage utilis\u00e9 pour WordPress.<br \/>\nL\u2019une des astuces les plus utilis\u00e9es et les plus b\u00e9n\u00e9fiques pour acc\u00e9l\u00e9rer le chargement d\u2019un site WordPress concerne <strong>le r\u00e9glage de la version PHP.<\/strong> Ainsi, il vous suffit de changer la version utilis\u00e9e pour votre site WordPress et <strong>activer la version PHP la plus r\u00e9cente.<\/strong><br \/>\nCe petit changement, bien qu\u2019il puisse vous para\u00eetre insignifiant, peut rendre votre site deux fois plus rapide et optimiser consid\u00e9rablement ses performances.<\/p>\n<p>Vous pouvez <a href=\"https:\/\/support.capconnect.com\/knowledgebase\/changer-version-extensions-php-hebergement-cpanel\/\" target=\"_blank\" rel=\"noopener noreferrer\">modifier la version PHP sur votre interface cPanel<\/a>.<\/p>\n<p><em>PS: Assurez-vous que la nouvelle version est compatible avec toutes les extensions que vous utilisez pour votre site web.<\/em><\/p>\n<h3><span class=\"ez-toc-section\" id=\"5-_Mise_en_cache\"><\/span>5- Mise en cache<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>La technique du cache est l\u2019une des plus utilis\u00e9es pour optimiser la vitesse de chargement d\u2019un site WordPress. Elle permet de gagner beaucoup de temps et de r\u00e9duire et limiter consid\u00e9rablement la dur\u00e9e de chargement des pages.<br \/>\nCeci dit, le cache vous permet d\u2019y cr\u00e9er automatiquement une copie de chacune de vos pages d\u00e8s leur premier chargement.<br \/>\n<strong>Vous n\u2019avez donc pas besoin de charger toutes les ressources de la page en question \u00e0 chaque fois que vous y aller, puisqu\u2019une copie est automatiquement cr\u00e9\u00e9e dans le cache justement.<\/strong><br \/>\nLorsqu\u2019un visiteur vient sur une page de votre site pour la premi\u00e8re fois, il se peut que la page n\u00e9cessite 5 \u00e0 6 secondes pour charger, mais la deuxi\u00e8me visite ne n\u00e9cessitera qu\u2019une seconde de chargement.<br \/>\n<strong>Plus le visiteur vient r\u00e9guli\u00e8rement sur le site, moins de temps est n\u00e9cessaire pour le chargement.<\/strong><br \/>\nSi le contenu de la page change, celle-ci prendra un peu de temps pour charger la premi\u00e8re fois, le temps qu\u2019une copie de la nouvelle page soit enregistr\u00e9e dans le cache.<\/p>\n<p>Si vous n&rsquo;en disposez toujours pas, il est absolument important d\u2019<strong>installer un plugin de cache.<\/strong> Vous pouvez tr\u00e8s facilement installer <strong>W3 Total cache<\/strong>, <strong>WP Rocket<\/strong> ou <strong>WP-optimize<\/strong> sur WordPress.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"wp-image-489 size-full aligncenter\" title=\"W3 Total Cache pour la mise en cache\" src=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/W3-Total-Cache-min.png\" alt=\"W3 Total Cache pour la mise en cache\" width=\"551\" height=\"254\" srcset=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/W3-Total-Cache-min.png 551w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/W3-Total-Cache-min-300x138.png 300w\" sizes=\"auto, (max-width: 551px) 100vw, 551px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"6-_Optimisation_des_images\"><\/span>6- Optimisation des images<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>L\u2019utilisation d\u2019images est tr\u00e8s n\u00e9cessaire pour avoir un contenu stimulant attractif et pertinent et pour attirer l\u2019attention de vos visiteurs. Ainsi, ces images ont tendance \u00e0 occuper beaucoup de place sur votre site.<\/p>\n<p>Cependant, une mal exploitation de ces images peut causer le ralentissement de chargement de vos pages. Ceci dit, l&rsquo;optimisation de vos images peut s\u2019av\u00e9rer n\u00e9cessaire pour un site Web rapide et fonctionnel.<br \/>\nCeci ne signifie pas n\u00e9cessairement que la qualit\u00e9 de vos images doit baisser.<\/p>\n<p>Afin de <strong>r\u00e9duire le poids de vos images<\/strong>, et donc <strong>limiter la dur\u00e9e n\u00e9cessaire pour leur affichage<\/strong>, vous pouvez simplement les <strong>compresser<\/strong>, en utilisant \u201c<a href=\"https:\/\/imagecompressor.com\/fr\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\">Optimizilla<\/a>\u201d, une solution en ligne tr\u00e8s utile pour des images PNG ou JPEG de m\u00eame qualit\u00e9 originale mais moins de poids.<br \/>\n<strong>Cette optimisation peut r\u00e9duire jusqu\u2019\u00e0 70% du poids initial de vos images.<\/strong><\/p>\n<p>D\u2019autre part, <strong>certains formats d\u2019images sont plus lourds que d\u2019autres<\/strong>. En effet, le format PNG, bien que souvent plus utilis\u00e9 est plus lourd que le JPEG.<\/p>\n<p>Cette forte utilisation est due aux fonds transparents du format PNG. Donc, si vous n\u2019avez pas besoin d\u2019un fond transparent, le format JPEG est meilleur.<\/p>\n<p>Finalement, notez que <strong>plus les dimensions d\u2019une image sont r\u00e9duites, plus le temps de son chargement est r\u00e9duit.<\/strong><\/p>\n<h3><span class=\"ez-toc-section\" id=\"7-_Compresser_les_fichiers_CSS_HTML_et_Javascript\"><\/span>7- Compresser les fichiers CSS, HTML et Javascript<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Les langages CSS et Javascript sont deux langages informatiques tr\u00e8s essentiels pour le fonctionnement d&rsquo;un site. Le premier concerne tout ce qui en rapport avec le design (couleurs, police, etc). Le deuxi\u00e8me vous permet d&rsquo;ajouter des effets dynamiques sur votre site.<\/p>\n<p>Cependant, ces fichiers occupent beaucoup d&rsquo;espace et n\u00e9cessitent beaucoup de temps pour charger n\u00e9cessitant ainsi une r\u00e9duction de taille.<br \/>\n<strong>La minification des fichiers CSS, HTML et Javascript vous permet donc de les compresser<\/strong> en supprimant les caract\u00e8res sp\u00e9ciaux, les espaces et commentaires inutiles de vos fichiers, r\u00e9duisant ainsi leur taille.<\/p>\n<p>Vous pouvez utiliser le plugin <strong>W3 Total Cache<\/strong> qu&rsquo;est utile autant pour la mise en cache que pour la compression de ces fichiers.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"8-_Lazy_loading\"><\/span>8- Lazy loading<span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Le lazy loading ou \u201cchargement diff\u00e9r\u00e9\u201d est une technique qui contribue \u00e9norm\u00e9ment \u00e0 l\u2019acc\u00e9l\u00e9ration du chargement de vos pages. En effet, <strong>elle vous permet de charger les images<\/strong>, l\u2019une des ressources m\u00e9dias les plus lourdes, <strong>uniquement lorsque l\u2019utilisateur d\u00e9file sur la page. <\/strong><br \/>\nCeci signifie que le site pr\u00e9sent\u00e9 est consid\u00e9r\u00e9 comme site dynamique qui ne charge les images et ne les affiche que lorsque l\u2019utilisateur en a besoin. <strong>Cette technique est surtout utile sur les pages contenant beaucoup d\u2019images.<\/strong><br \/>\nPour en b\u00e9n\u00e9ficier, vous pouvez installer le plugin: <strong>lazyloader<\/strong><\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-482 size-full\" title=\"Lazy loading WordPress\" src=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Lazy-loading-WordPress-min.png\" alt=\"Lazy loading WordPress\" width=\"553\" height=\"274\" srcset=\"https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Lazy-loading-WordPress-min.png 553w, https:\/\/www.capconnect.com\/blog\/wp-content\/uploads\/2020\/10\/Lazy-loading-WordPress-min-300x149.png 300w\" sizes=\"auto, (max-width: 553px) 100vw, 553px\" \/><\/p>\n<h2><span class=\"ez-toc-section\" id=\"Conclusion\"><\/span>Conclusion<span class=\"ez-toc-section-end\"><\/span><\/h2>\n<p>Maintenant vous connaissez les probl\u00e8mes qui pourraient influencer n\u00e9gativement la vitesse de chargement de votre site, \u00e0 savoir la lourdeur du th\u00e8me, la multiplicit\u00e9 des extensions inutiles, le poids lourd de vos m\u00e9dias.<\/p>\n<p>Vous avez \u00e9galement les moyens pour les r\u00e9soudre. Vous n\u2019avez plus qu\u2019\u00e0 mettre en place les techniques n\u00e9cessaires et appr\u00e9cier les r\u00e9sultats obtenus.<br \/>\nSi vous rencontrez de probl\u00e8mes, vous pouvez faire appel \u00e0 notre \u00e9quipe de <a href=\"https:\/\/www.capconnect.com\/support\" target=\"_blank\" rel=\"noopener noreferrer\">support<\/a>.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>La vitesse de chargement des pages d\u2019un site con\u00e7u avec WordPress, bien que souvent n\u00e9glig\u00e9e, joue un r\u00f4le tr\u00e8s important dans la performance du site. Qu\u2019est-ce que c\u2019est que WordPress&hellip;<\/p>\n","protected":false},"author":3,"featured_media":492,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[4,31,5],"tags":[86,85,40,41,84,37,38],"class_list":["post-469","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hebergement-web","category-securite-web","category-seo","tag-accelerer-le-chargement-des-pages","tag-chargement-des-pages","tag-hebergement-site-web","tag-hebergement-site-web-maroc","tag-vitesse-de-chargement","tag-wordpress","tag-wordpress-maroc"],"_links":{"self":[{"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/posts\/469","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/comments?post=469"}],"version-history":[{"count":0,"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/posts\/469\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/media\/492"}],"wp:attachment":[{"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/media?parent=469"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/categories?post=469"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.capconnect.com\/blog\/wp-json\/wp\/v2\/tags?post=469"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}