{"id":42112,"date":"2022-09-29T09:00:00","date_gmt":"2020-09-30T08:50:13","guid":{"rendered":"https:\/\/www.codeur.com\/blog\/?p=42112"},"modified":"2025-09-11T15:45:50","modified_gmt":"2025-09-11T13:45:50","slug":"outils-compression-code-css-html-js","status":"publish","type":"post","link":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/","title":{"rendered":"11 outils de compression de vos fichiers code (CSS, HTML et JS)"},"content":{"rendered":"<p>Connaissez-vous le terme \u00ab minify \u00bb&nbsp;? C\u2019est un jargon de programmation employ\u00e9 pour d\u00e9crire le processus de suppression de caract\u00e8res inutiles dans le code source d\u2019un site internet. Ces caract\u00e8res peuvent \u00eatre des espaces, des sauts de ligne, des commentaires d\u2019explication&nbsp;: en gros, tout ce qui est utile pour les humains, mais inutile pour les machines.<\/p>\n<p>Nous \u00ab\u00a0minifions\u00a0\u00bb les fichiers d&#8217;un site web contenant du code CSS, HTML et Javascript afin que votre navigateur puisse les lire plus rapidement.<\/p>\n<p>En r\u00e9duisant la taille des fichiers CSS, HTML et Javascript de votre site web, vous pouvez augmenter la vitesse de chargement des pages de votre site. M\u00eame si le gain est infime, chaque milliseconde compte&nbsp;: vos visiteurs vous remercieront pour l\u2019effort, mais aussi les moteurs de recherche, qui pourront faire \u00e9voluer sensiblement votre classement dans les SERPS.<\/p>\n<p>Il existe un grand nombre d\u2019outils en ligne capables de minifier pour vos fichiers. Certains sont sp\u00e9cifiques \u00e0 un format, d\u2019autres prennent en charge JS, CSS et HTML. Nous allons lister ci-dessous les plus populaires d\u2019entre eux&nbsp;!<\/p>\n<blockquote class=\"entry-content sponso-alert\"><p>Les outils de cet article ont \u00e9t\u00e9 s\u00e9lectionn\u00e9s par notre \u00e9quipe et ne sont pas sponsoris\u00e9s. D\u00e9couvrez comment <a href=\"https:\/\/www.codeur.com\/boostez-votre-visibilite\" target=\"_blank\">sponsoriser votre outil<\/a>.<\/p><\/blockquote><h2>Les outils de compression multit\u00e2ches<\/h2>\n<h3><a href=\"https:\/\/htmlcompressor.com\/compressor\/\" target=\"_blank\" rel=\"noopener noreferrer\">htmlcompressor.com<\/a> (HTML, CSS et JS)<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42113\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/html-compressor.jpg\" alt=\"HTML Compressor outils de compression de code\" width=\"700\" height=\"370\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/html-compressor.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/html-compressor-300x159.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/html-compressor-370x196.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/html-compressor-270x143.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/html-compressor-570x301.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nComme son nom ne l&#8217;indique pas, cet outil en ligne de compression et de modification des donn\u00e9es prend en charge tous les types de code. Il prend m\u00eame en charge diff\u00e9rentes combinaisons comme CSS + PHP ou JavaScript + PHP. Et vous pouvez m\u00eame v\u00e9rifier si le code compress\u00e9 contient des erreurs, ce qui peut s\u2019av\u00e9rer utile.<\/p>\n<blockquote><p><strong>\u00c0 lire aussi<\/strong>&nbsp;: <a href=\"https:\/\/www.codeur.com\/blog\/outils-partage-code-en-ligne\/\">6 outils pour partager votre code en ligne<\/a><\/p><\/blockquote>\n<h3><a href=\"http:\/\/minifycode.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">minifycode.com<\/a> (HTML, CSS et JS)<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42114\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code.jpg\" alt=\"Minify Code outils de compression de code\" width=\"700\" height=\"357\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-300x153.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-370x189.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-270x138.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-570x291.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nCe site propose 3 minifieurs pour JavaScript, CSS et HTML avec une interface utilisateur simple qui permet de minifier votre code en un seul clic.<\/p>\n<p>Il comprend \u00e9galement 3 outils \u00ab\u00a0d&#8217;embellissement\u00a0\u00bb permettant de d\u00e9compresser le code minifi\u00e9 pour le rendre plus lisible. Appel\u00e9s \u00ab\u00a0beautifier\u00a0\u00bb, ces outils sont le contraire de la minification, ce qui peut \u00e9galement s\u2019av\u00e9rer tr\u00e8s utile.<\/p>\n<h3><a href=\"https:\/\/refresh-sf.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">refresh-sf.com<\/a> (HTML, CSS et JS)<\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42115\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/refresh.jpg\" alt=\"Refresh SF outils de compression de code\" width=\"700\" height=\"347\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/refresh.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/refresh-300x149.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/refresh-370x183.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/refresh-270x134.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/refresh-570x283.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nCe compresseur va minifier les types de code JavaScript, CSS et HTML. Il comprend \u00e9galement toutes les options de compression pour chaque type de code si vous avez besoin d\u2019\u00eatre plus sp\u00e9cifique dans vos compressions.<\/p>\n<h2>Les outils de compression CSS<\/h2>\n<h3><a href=\"https:\/\/www.toptal.com\/developers\/cssminifier\" target=\"_blank\" rel=\"noopener\">CSS Minifier &amp; Compressor<\/a><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-69505 size-full\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier.jpg\" alt=\"CSS Minifier &amp; Compressor\" width=\"1000\" height=\"467\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier.jpg 1000w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier-300x140.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier-768x359.jpg 768w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier-60x28.jpg 60w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier-370x173.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier-270x126.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier-570x266.jpg 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/09\/css-minifier-740x346.jpg 740w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><br \/>\nCSS Minifier &amp; Compressor est lui aussi tr\u00e8s simple \u00e0 utiliser. Il suffit de coller votre CSS et de cliquer sur le bouton \u00ab Minifier \u00bb pour obtenir le code minifi\u00e9. Vous pouvez t\u00e9l\u00e9charger le code de sortie sous forme de fichier, afin de vous \u00e9viter un copier-coller.<\/p>\n<h3><a href=\"https:\/\/csscompressor.net\/\" target=\"_blank\" rel=\"noopener noreferrer\">csscompressor.net<\/a><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42117\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/css-compressor.jpg\" alt=\"CSS Compressor outils de compression de code CSS\" width=\"700\" height=\"514\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/css-compressor.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/css-compressor-300x220.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/css-compressor-370x272.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/css-compressor-270x198.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/css-compressor-570x419.jpg 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/css-compressor-80x60.jpg 80w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nCe compresseur CSS en ligne est rapide et tr\u00e8s facile \u00e0 utiliser. Vous pouvez choisir entre 4 niveaux de compression, en fonction de la lisibilit\u00e9 que vous souhaitez pour le CSS compress\u00e9.<\/p>\n<h3><a href=\"https:\/\/www.cleancss.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">Clean-css<\/a><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42118\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/clean-css.jpg\" alt=\"Clean CSS outils de compression de code CSS\" width=\"700\" height=\"240\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/clean-css.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/clean-css-300x103.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/clean-css-370x127.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/clean-css-270x93.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/clean-css-570x195.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nC\u2019est un minifier dans lequel il suffit de drag-and-droper votre fichier. Vous pouvez choisir entre t\u00e9l\u00e9charger votre fichier minifi\u00e9 ou bien le copier dans votre presse-papier pour le coller ensuite dans son fichier d\u2019origine.<\/p>\n<h3><a href=\"https:\/\/css.github.io\/csso\/csso.html\" target=\"_blank\" rel=\"noopener noreferrer\">Csso<\/a><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42119\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/csso.jpg\" alt=\"CSSo outils de compression de code CSS\" width=\"700\" height=\"376\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/csso.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/csso-300x161.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/csso-370x199.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/csso-270x145.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/csso-570x306.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nCsso est un outil propos\u00e9 par Google Developers dans le but de compresser votre code CSS. Cette interface est agr\u00e9able \u00e0 utiliser. Elle permet \u00e9galement de \u00ab beautifier \u00bb votre code.<\/p>\n<blockquote><p><strong>\u00c0 lire aussi<\/strong>&nbsp;: <a href=\"https:\/\/www.codeur.com\/blog\/generateurs-css\/\">10 g\u00e9n\u00e9rateurs de CSS pour vous aider \u00e0 customiser votre site<\/a><\/p><\/blockquote>\n<h2>Les outils de compression HTML<\/h2>\n<h3><a href=\"https:\/\/www.textfixer.com\/html\/compress-html-compression.php\" target=\"_blank\" rel=\"noopener noreferrer\">textfixer.com<\/a><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42120\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/textfixer.jpg\" alt=\"Text Fixer outils de compression de code HTML\" width=\"700\" height=\"527\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/textfixer.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/textfixer-300x226.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/textfixer-370x279.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/textfixer-270x203.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/textfixer-570x429.jpg 570w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/textfixer-80x60.jpg 80w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nCet outil de compression HTML en ligne vous permettra d&#8217;\u00e9conomiser de l&#8217;espace dans vos fichiers HTML et de les rendre beaucoup plus petits en supprimant des sauts de ligne dans le code, les espaces de tabulation et en rempla\u00e7ant les doubles espaces par des espaces simples.<\/p>\n<p>Il est \u00e9galement possible de ne pas compresser l&#8217;en-t\u00eate du document.<\/p>\n<h2>Les outils de compression Javascript<\/h2>\n<h3><a href=\"https:\/\/www.cleancss.com\/javascript-minify\/\" target=\"_blank\" rel=\"noopener noreferrer\">Dan&#8217;s Tools<\/a><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42122\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/dans-tools.jpg\" alt=\"Dan's Tools outils de compression de code JS\" width=\"700\" height=\"273\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/dans-tools.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/dans-tools-300x117.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/dans-tools-370x144.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/dans-tools-270x105.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/dans-tools-570x222.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nDan propose un outil de compression de JavaScript, et \u00e9galement un second pour vos fichiers <a href=\"https:\/\/www.cleancss.com\/css-minify\/\" target=\"_blank\" rel=\"noopener noreferrer\">CSS<\/a>, que je n\u2019ai pas list\u00e9 plus haut (parce que je savais que j\u2019en parlerais ici).<\/p>\n<p>Les deux outils ont une interface utilisateur vraiment propre et facile \u00e0 utiliser. S\u2019ils n\u2019offrent pas d\u2019options avanc\u00e9es, ces outils conviennent dans la grande majorit\u00e9 des cas.<\/p>\n<h3><a href=\"https:\/\/jscompress.com\/\" target=\"_blank\" rel=\"noopener noreferrer\">jscompress.com<\/a><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42123\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/js-compress.jpg\" alt=\"JS Compress outils de compression de code JS\" width=\"700\" height=\"289\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/js-compress.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/js-compress-300x124.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/js-compress-370x153.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/js-compress-270x111.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/js-compress-570x235.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nCet outil de compression JavaScript vous permet de compresser votre code par copier-coller, mais vous pouvez \u00e9galement uploader plusieurs fichiers .js \u00e0 la fois. Ceci peut vous permettre de combiner les fichiers JavaScript en un seul fichier afin d\u2019am\u00e9liorer la vitesse de chargement des pages.<\/p>\n<h3><a href=\"https:\/\/closure-compiler.appspot.com\/home\" target=\"_blank\" rel=\"noopener noreferrer\">Closure Compiler<\/a><\/h3>\n<p><img decoding=\"async\" class=\"aligncenter size-full wp-image-42124\" src=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/closure-compiler.jpg\" alt=\"Closure Compiler outils de compression de code JS\" width=\"700\" height=\"377\" srcset=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/closure-compiler.jpg 700w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/closure-compiler-300x162.jpg 300w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/closure-compiler-370x199.jpg 370w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/closure-compiler-270x145.jpg 270w, https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/closure-compiler-570x307.jpg 570w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><br \/>\nClosure Compiler fait partie d\u2019une suite d&#8217;outils de Google Developers. Il vous permet de minifier votre Javascript. Vous pouvez appeler votre Javascript en entrant l&#8217;URL de l&#8217;emplacement du fichier .js et en choisissant ensuite la mani\u00e8re dont vous souhaitez que le code soit optimis\u00e9 et format\u00e9. Une fois que vous aurez cliqu\u00e9 sur le bouton \u00ab\u00a0Compiler\u00a0\u00bb, le syst\u00e8me va minifier le code pour vous et v\u00e9rifier que votre code ne contient pas d&#8217;erreurs.<\/p>\n<p>Voil\u00e0 donc de quoi minifier votre code pour am\u00e9liorer la vitesse de votre site&nbsp;!<\/p>\n<p>Besoin d&#8217;un d\u00e9veloppeur web&nbsp;? <a href=\"https:\/\/www.codeur.com\/fonctionnement-codeur\">Postez une annonce sur Codeur.com<\/a> pour trouver le freelance qu&#8217;il vous faut, gratuitement.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Connaissez-vous le terme \u00ab minify \u00bb&nbsp;? C\u2019est un jargon de programmation employ\u00e9 pour d\u00e9crire le processus de suppression de caract\u00e8res inutiles dans le code source d\u2019un site internet. Ces caract\u00e8res peuvent \u00eatre des espaces, des sauts de ligne, des commentaires d\u2019explication&nbsp;: en gros, tout ce qui est utile pour les humains, mais inutile pour les [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":42125,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"categories":[139],"tags":[80],"class_list":["post-42112","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-langages","tag-outils"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>11 outils de compression de vos fichiers code (CSS, HTML et JS)<\/title>\n<meta name=\"description\" content=\"Connaissez-vous le terme \u00ab minify \u00bb ? C\u2019est un jargon de programmation employ\u00e9 pour d\u00e9crire le processus de suppression de caract\u00e8res inutiles dans le\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"11 outils de compression de vos fichiers code (CSS, HTML et JS)\" \/>\n<meta property=\"og:description\" content=\"Connaissez-vous le terme \u00ab minify \u00bb ? C\u2019est un jargon de programmation employ\u00e9 pour d\u00e9crire le processus de suppression de caract\u00e8res inutiles dans le\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/\" \/>\n<meta property=\"og:site_name\" content=\"Codeur.com\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-09-30T08:50:13+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-09-11T13:45:50+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1024\" \/>\n\t<meta property=\"og:image:height\" content=\"618\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Thomas Lazzaroni\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@totolazza\" \/>\n<meta name=\"twitter:site\" content=\"@codeur\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thomas Lazzaroni\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"7 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/\"},\"author\":{\"name\":\"Thomas Lazzaroni\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\"},\"headline\":\"11 outils de compression de vos fichiers code (CSS, HTML et JS)\",\"datePublished\":\"2020-09-30T08:50:13+00:00\",\"dateModified\":\"2025-09-11T13:45:50+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/\"},\"wordCount\":870,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg\",\"keywords\":[\"Outils\"],\"articleSection\":[\"Langages\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/\",\"name\":\"11 outils de compression de vos fichiers code (CSS, HTML et JS)\",\"isPartOf\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg\",\"datePublished\":\"2020-09-30T08:50:13+00:00\",\"dateModified\":\"2025-09-11T13:45:50+00:00\",\"description\":\"Connaissez-vous le terme \u00ab minify \u00bb ? C\u2019est un jargon de programmation employ\u00e9 pour d\u00e9crire le processus de suppression de caract\u00e8res inutiles dans le\",\"breadcrumb\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#primaryimage\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg\",\"width\":1024,\"height\":618,\"caption\":\"outils de compression de code\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Blog\",\"item\":\"https:\/\/www.codeur.com\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"D\u00e9veloppement\",\"item\":\"https:\/\/www.codeur.com\/blog\/developpement\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Langages\",\"item\":\"https:\/\/www.codeur.com\/blog\/developpement\/langages\/\"},{\"@type\":\"ListItem\",\"position\":4,\"name\":\"11 outils de compression de vos fichiers code (CSS, HTML et JS)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#website\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"name\":\"Codeur.com\",\"description\":\"codeur\",\"publisher\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.codeur.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#organization\",\"name\":\"Codeur.com\",\"url\":\"https:\/\/www.codeur.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"contentUrl\":\"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png\",\"width\":2560,\"height\":465,\"caption\":\"Codeur.com\"},\"image\":{\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/fr-fr.facebook.com\/codeurfreelance\/\",\"https:\/\/x.com\/codeur\",\"https:\/\/www.linkedin.com\/company\/codeur\/\",\"https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5\",\"name\":\"Thomas Lazzaroni\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g\",\"caption\":\"Thomas Lazzaroni\"},\"description\":\"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.\",\"sameAs\":[\"https:\/\/totolazza.com\",\"https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/\",\"https:\/\/x.com\/totolazza\"],\"url\":\"https:\/\/www.codeur.com\/blog\/author\/thomas\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"11 outils de compression de vos fichiers code (CSS, HTML et JS)","description":"Connaissez-vous le terme \u00ab minify \u00bb ? C\u2019est un jargon de programmation employ\u00e9 pour d\u00e9crire le processus de suppression de caract\u00e8res inutiles dans le","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/","og_locale":"fr_FR","og_type":"article","og_title":"11 outils de compression de vos fichiers code (CSS, HTML et JS)","og_description":"Connaissez-vous le terme \u00ab minify \u00bb ? C\u2019est un jargon de programmation employ\u00e9 pour d\u00e9crire le processus de suppression de caract\u00e8res inutiles dans le","og_url":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/","og_site_name":"Codeur.com","article_publisher":"https:\/\/fr-fr.facebook.com\/codeurfreelance\/","article_published_time":"2020-09-30T08:50:13+00:00","article_modified_time":"2025-09-11T13:45:50+00:00","og_image":[{"width":1024,"height":618,"url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg","type":"image\/jpeg"}],"author":"Thomas Lazzaroni","twitter_card":"summary_large_image","twitter_creator":"@totolazza","twitter_site":"@codeur","twitter_misc":{"\u00c9crit par":"Thomas Lazzaroni","Dur\u00e9e de lecture estim\u00e9e":"7 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#article","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/"},"author":{"name":"Thomas Lazzaroni","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5"},"headline":"11 outils de compression de vos fichiers code (CSS, HTML et JS)","datePublished":"2020-09-30T08:50:13+00:00","dateModified":"2025-09-11T13:45:50+00:00","mainEntityOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/"},"wordCount":870,"commentCount":2,"publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg","keywords":["Outils"],"articleSection":["Langages"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/","url":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/","name":"11 outils de compression de vos fichiers code (CSS, HTML et JS)","isPartOf":{"@id":"https:\/\/www.codeur.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#primaryimage"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#primaryimage"},"thumbnailUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg","datePublished":"2020-09-30T08:50:13+00:00","dateModified":"2025-09-11T13:45:50+00:00","description":"Connaissez-vous le terme \u00ab minify \u00bb ? C\u2019est un jargon de programmation employ\u00e9 pour d\u00e9crire le processus de suppression de caract\u00e8res inutiles dans le","breadcrumb":{"@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#primaryimage","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2020\/09\/minify-code-1.jpg","width":1024,"height":618,"caption":"outils de compression de code"},{"@type":"BreadcrumbList","@id":"https:\/\/www.codeur.com\/blog\/outils-compression-code-css-html-js\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Blog","item":"https:\/\/www.codeur.com\/blog\/"},{"@type":"ListItem","position":2,"name":"D\u00e9veloppement","item":"https:\/\/www.codeur.com\/blog\/developpement\/"},{"@type":"ListItem","position":3,"name":"Langages","item":"https:\/\/www.codeur.com\/blog\/developpement\/langages\/"},{"@type":"ListItem","position":4,"name":"11 outils de compression de vos fichiers code (CSS, HTML et JS)"}]},{"@type":"WebSite","@id":"https:\/\/www.codeur.com\/blog\/#website","url":"https:\/\/www.codeur.com\/blog\/","name":"Codeur.com","description":"codeur","publisher":{"@id":"https:\/\/www.codeur.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.codeur.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.codeur.com\/blog\/#organization","name":"Codeur.com","url":"https:\/\/www.codeur.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","contentUrl":"https:\/\/www.codeur.com\/blog\/wp-content\/uploads\/2022\/04\/logo-codeur-com.png","width":2560,"height":465,"caption":"Codeur.com"},"image":{"@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/fr-fr.facebook.com\/codeurfreelance\/","https:\/\/x.com\/codeur","https:\/\/www.linkedin.com\/company\/codeur\/","https:\/\/www.youtube.com\/channel\/UCgj9ySM9xy3gdL8qBafl9Uw"]},{"@type":"Person","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/cc3b0a678aeffcae19ecc599eaf679e5","name":"Thomas Lazzaroni","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.codeur.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/7306fb87b7017ab0955d07c2f2b771ac79e91965a2fca514df0c043f7c087fd2?s=96&d=mm&r=g","caption":"Thomas Lazzaroni"},"description":"Depuis plus de 10 ans, je contribue \u00e0 faire rayonner nos sites en imaginant des strat\u00e9gies qui renforcent notre visibilit\u00e9 et notre position de r\u00e9f\u00e9rence.","sameAs":["https:\/\/totolazza.com","https:\/\/www.linkedin.com\/in\/thomaslazzaroni\/","https:\/\/x.com\/totolazza"],"url":"https:\/\/www.codeur.com\/blog\/author\/thomas\/"}]}},"_links":{"self":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/42112","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/comments?post=42112"}],"version-history":[{"count":0,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/posts\/42112\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media\/42125"}],"wp:attachment":[{"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/media?parent=42112"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/categories?post=42112"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.codeur.com\/blog\/wp-json\/wp\/v2\/tags?post=42112"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}