{"id":987,"date":"2016-06-13T22:20:07","date_gmt":"2016-06-13T16:50:07","guid":{"rendered":"http:\/\/www.magewallet.com\/?p=987"},"modified":"2020-03-13T16:07:16","modified_gmt":"2020-03-13T10:37:16","slug":"merge-minify-css-files-magento-2","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/magento-2\/merge-minify-css-files-magento-2\/","title":{"rendered":"How to merge and minify CSS files in Magento 2?"},"content":{"rendered":"<p>This tutorial will show you how to merge and minify CSS files in Magento 2 store. Please follow below steps to merge and minify CSS files in Magento 2.<\/p>\n<p>1) Log in to Magento 2 using your admin account.<\/p>\n<p>2) From left sidebar, click <strong>Stores<\/strong>, and then Settings -&gt; Configuration.<\/p>\n<p>3) In this page, expand <strong>Advanced<\/strong> section in the panel on the left and choose <strong>Developer<\/strong>.<\/p>\n<p>4) Now select CSS Settings tab.<\/p>\n<p>5) Set <strong>Merge CSS Files<\/strong> to Yes.<\/p>\n<p>6) Set <strong>Minify CSS Files<\/strong> to Yes.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-4171\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2016\/06\/merge-minify-css-files-magento-2-1024x234.png\" alt=\"\" width=\"1024\" height=\"234\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2016\/06\/merge-minify-css-files-magento-2-1024x234.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2016\/06\/merge-minify-css-files-magento-2-1024x234-300x69.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2016\/06\/merge-minify-css-files-magento-2-1024x234-768x176.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2016\/06\/merge-minify-css-files-magento-2-1024x234-676x154.png 676w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/p>\n<p>5) Click on \u201cSave Config\u201d.<\/p>\n<p>6) Clear the cache.<\/p>\n<p>Thats it. Enjoy Magento 2 speed.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This tutorial will show you how to merge and minify CSS files in Magento 2 store. Please follow below steps to merge and minify CSS files in Magento 2. 1) Log in to Magento 2 using your admin account. 2) From left sidebar, click Stores, and then Settings -&gt; Configuration. 3) In this page, expand&#8230; <\/p>\n<div class=\"actions\"><a href=\"https:\/\/www.hiddentechies.com\/blog\/magento-2\/merge-minify-css-files-magento-2\/\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":4819,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[59],"tags":[9,10,45,148,149],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/987"}],"collection":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/comments?post=987"}],"version-history":[{"count":3,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/987\/revisions"}],"predecessor-version":[{"id":10518,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/987\/revisions\/10518"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/4819"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}