{"id":236959,"date":"2022-03-28T10:36:00","date_gmt":"2022-03-28T07:36:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=236959"},"modified":"2022-05-16T10:56:52","modified_gmt":"2022-05-16T07:56:52","slug":"comment-reduire-le-code-html-de-votre-site-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/fr\/comment-reduire-le-code-html-de-votre-site-wordpress\/","title":{"rendered":"Comment r\u00e9duire le code HTML de votre site WordPress"},"content":{"rendered":"<p>Mettons-nous sur la m\u00eame page.<\/p>\n<p>Si vous lisez cet article, vous savez probablement d\u00e9j\u00e0 que la r\u00e9duction de votre code HTML peut acc\u00e9l\u00e9rer votre site. C&rsquo;est un petit gain, mais l\u00e0 encore, la plupart des am\u00e9liorations de performances sont mineures.<\/p>\n<p>Tout comme la minimisation des fichiers CSS ou JS, la minimisation de votre HTML peut facilement \u00eatre automatis\u00e9e une fois et oubli\u00e9e.<\/p>\n<p>Il y a deux plugins que vous devriez consid\u00e9rer pour minifier le HTML de votre site WordPress.<\/p>\n<h2>Minifier le HTML<\/h2>\n<p>Ce plugin simple fait exactement ce qu&rsquo;il dit &#8211; il minimise votre code HTML.<\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/minify-html-markup\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181423-616f74d665821.png\" alt=\"Comment r\u00e9duire le code HTML de votre site WordPress\" \/><\/a><\/p>\n<p><a href=\"https:\/\/wordpress.org\/plugins\/minify-html-markup\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Minify HTML<\/a> a des critiques tr\u00e8s positives de la part des utilisateurs pour sa simplicit\u00e9 et son efficacit\u00e9. Bien qu&rsquo;il s&rsquo;agisse d&rsquo;un simple plugin, il poss\u00e8de une poign\u00e9e d&rsquo;options pour personnaliser la configuration de votre site.<\/p>\n<p>Voici une capture d&rsquo;\u00e9cran de la page des param\u00e8tres du d\u00e9veloppeur\u00a0:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181423-616f74d8a2824.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181423-616f74d8a2824.png\" alt=\"Comment r\u00e9duire le code HTML de votre site WordPress\"><\/a><\/p>\n<p>Les param\u00e8tres par d\u00e9faut devraient fonctionner correctement pour votre site et, comme toujours, effacez votre cache apr\u00e8s avoir activ\u00e9 le plugin et visitez quelques pages pour vous assurer qu&rsquo;il n&rsquo;y a pas d&rsquo;erreurs.<\/p>\n<p>Bien que ce plugin fonctionne tr\u00e8s bien, vous voudrez peut-\u00eatre une puissance de feu suppl\u00e9mentaire pour am\u00e9liorer encore les performances de votre site.<\/p>\n<h2>Fus\u00e9e WP<\/h2>\n<p>J&rsquo;utilise le plugin <a href=\"http:\/\/link.competethemes.com\/wp-rocket-minify-html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">WP Rocket<\/a> pour minifier le code HTML de competitionthemes.com.<\/p>\n<p><a href=\"http:\/\/link.competethemes.com\/wp-rocket-minify-html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external\"><img decoding=\"async\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181423-616f74d9c47ed.png\" alt=\"Comment r\u00e9duire le code HTML de votre site WordPress\" \/><\/a><\/p>\n<p>WP Rocket est livr\u00e9 avec une mise en cache de qualit\u00e9 sup\u00e9rieure et des tonnes d&rsquo;autres outils d&rsquo;optimisation des performances faciles \u00e0 utiliser. Vous pouvez voir comment il peut \u00eatre utilis\u00e9 pour <a href=\"https:\/\/themewp.inform.click\/fr\/comment-optimiser-la-livraison-css-dans-wordpress\/\" title=\"optimiser la livraison CSS\">optimiser la livraison CSS<\/a> et plus encore dans notre <a href=\"https:\/\/themewp.inform.click\/fr\/comment-optimiser-votre-site-wordpress-avec-wp-rocket\/\" title=\"guide WP Rocket complet\">guide WP Rocket complet<\/a>.<\/p>\n<p>La minification HTML elle-m\u00eame est extr\u00eamement simple. Il ne vous reste plus qu&rsquo;\u00e0 cocher cette case dans les param\u00e8tres :<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181423-616f74dbcdbd6.png\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2021\/10\/post-181423-616f74dbcdbd6.png\" alt=\"Comment r\u00e9duire le code HTML de votre site WordPress\"><\/a><\/p>\n<p>Vous disposez maintenant de deux approches simples pour r\u00e9duire le code HTML de votre site.<\/p>\n<h2>Pourquoi minifier votre HTML ?<\/h2>\n<p>Au cas o\u00f9 vous n&rsquo;\u00eates pas s\u00fbr \u00e0 100% de ce que fait vraiment la minification du HTML et pourquoi cela fonctionne, voici une explication rapide.<\/p>\n<p>Lorsque les d\u00e9veloppeurs \u00e9crivent du code, ils utilisent des indentations pour cr\u00e9er une structure visuelle dans le code. Cela leur permet de lire plus facilement sans affecter le fonctionnement du code. Ils laisseront \u00e9galement des commentaires dans le code pour expliquer des \u00e9l\u00e9ments de fonctionnalit\u00e9 ici et l\u00e0, rendant le code encore plus facile \u00e0 comprendre pour eux-m\u00eames et pour les autres.<\/p>\n<p>Bien que l&rsquo;indentation du code et les commentaires soient de bonnes pratiques, nos ordinateurs n&rsquo;en ont pas besoin. Les commentaires occupent des octets suppl\u00e9mentaires et m\u00eame les espaces eux-m\u00eames contribuent \u00e0 une taille de fichier plus importante.<\/p>\n<p>Puisque personne n&rsquo;a besoin de lire et de modifier le code source de votre site, il n&rsquo;a pas besoin d&rsquo;\u00eatre facile \u00e0 lire, nous pouvons donc supprimer tous les commentaires et espaces. C&rsquo;est ce que fait la minification &#8211; elle supprime tous les espaces et commentaires pour r\u00e9duire la taille du fichier, ce qui entra\u00eene des temps de chargement l\u00e9g\u00e8rement plus rapides.<\/p>\n<h2>Conclusion<\/h2>\n<p>La minification HTML n&rsquo;aura probablement pas un impact \u00e9norme sur vos temps de chargement, mais c&rsquo;est une tactique tr\u00e8s facile \u00e0 mettre en \u0153uvre, c&rsquo;est pourquoi elle est couramment recommand\u00e9e.<\/p>\n<p>Pour une impl\u00e9mentation tr\u00e8s simple, installez le <a href=\"https:\/\/wordpress.org\/plugins\/minify-html-markup\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">plugin Minify HTML<\/a>. Si vous voulez un plugin tout aussi simple, mais avec plus de fonctionnalit\u00e9s de performances suppl\u00e9mentaires, <a href=\"http:\/\/link.competethemes.com\/wp-rocket-minify-html\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">essayez WP Rocket<\/a>.<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Source d&rsquo;enregistrement:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/www.competethemes.com\" class=\"external external_icon\">www.competethemes.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Minimiser le HTML de votre site WordPress est facile. Installez et activez simplement l&rsquo;un de ces deux plugins pour r\u00e9duire imm\u00e9diatement votre code HTML.<\/p>\n","protected":false},"author":1,"featured_media":21631,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[581],"tags":[844],"class_list":["post-236959","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-accelerer-wordpress","tag-affiai-fr"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/236959","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/comments?post=236959"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/posts\/236959\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media\/21631"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/media?parent=236959"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/categories?post=236959"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/fr\/wp-json\/wp\/v2\/tags?post=236959"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}