{"id":8783,"date":"2020-01-05T10:04:43","date_gmt":"2020-01-05T04:34:43","guid":{"rendered":"https:\/\/www.hiddentechies.com\/blog\/?p=8783"},"modified":"2020-10-09T19:01:17","modified_gmt":"2020-10-09T13:31:17","slug":"magento-2-optimize-resource-files","status":"publish","type":"post","link":"https:\/\/www.hiddentechies.com\/blog\/magento\/magento-2-optimize-resource-files\/","title":{"rendered":"How to Optimize Resource Files in Magento 2"},"content":{"rendered":"<p>In this article we&#8217;ll show you, how to Optimize Resource Files in Magento 2. Follow this simple guideline&#8230;<\/p>\n<p><strong>Step 1: Get Started<\/strong><\/p>\n<p>Login into Magento Admin Panel and from sidebar go to, Store &gt; Settings &gt; Configuration.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8784\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-1-12-1024x480.png\" alt=\"How to Optimizing Resource Files in Magento 2\" width=\"676\" height=\"317\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-1-12-1024x480.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-1-12-300x141.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-1-12-768x360.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-1-12-800x375.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-1-12.png 1349w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p><strong>Step 2: Optimizing Resource Files<\/strong><\/p>\n<p>Now from sidebar, Go to Advanced &gt; Developer.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8785\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-2-12-1024x718.png\" alt=\"How to Optimizing Resource Files in Magento 2\" width=\"676\" height=\"474\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-2-12-1024x718.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-2-12-300x210.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-2-12-768x538.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-2-12-800x561.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-2-12.png 1260w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>To optimize CSS files, Expand CSS Settings section.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8786\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-3-8-1024x718.png\" alt=\"How to Optimizing Resource Files in Magento 2\" width=\"676\" height=\"474\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-3-8-1024x718.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-3-8-300x210.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-3-8-768x538.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-3-8-800x561.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-3-8.png 1260w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Then, do the following.<\/p>\n<ul>\n<li>Merge CSS Files: Set to Yes.<\/li>\n<li>Minify CSS Files: Set to Yes.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8787\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-4-7.png\" alt=\"How to Optimizing Resource Files in Magento 2\" width=\"917\" height=\"294\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-4-7.png 917w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-4-7-300x96.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-4-7-768x246.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-4-7-800x256.png 800w\" sizes=\"(max-width: 917px) 100vw, 917px\" \/><\/p>\n<p>To optimize JavaScript files, Expand JavaScript Settings section. Then, do the following.<\/p>\n<ul>\n<li>Merge JavaScript Files: Set to Yes.<\/li>\n<li>Minify JavaScript Files: Set to Yes.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8788\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-5-4.png\" alt=\"How to Optimizing Resource Files in Magento 2\" width=\"919\" height=\"324\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-5-4.png 919w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-5-4-300x106.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-5-4-768x271.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-5-4-800x282.png 800w\" sizes=\"(max-width: 919px) 100vw, 919px\" \/><\/p>\n<p>To optimize PHTML files, Expand Template Settings section. Then, do the following.<\/p>\n<ul>\n<li>Minify HTML: Set to Yes.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-8789\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-6-2.png\" alt=\"How to Optimizing Resource Files in Magento 2\" width=\"908\" height=\"244\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-6-2.png 908w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-6-2-300x81.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-6-2-768x206.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-6-2-800x215.png 800w\" sizes=\"(max-width: 908px) 100vw, 908px\" \/><\/p>\n<p>When complete, click on Save Config button.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-8790\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-7-1024x102.png\" alt=\"How to Optimizing Resource Files in Magento 2\" width=\"676\" height=\"67\" srcset=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-7-1024x102.png 1024w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-7-300x30.png 300w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-7-768x77.png 768w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-7-800x80.png 800w, https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/2019\/12\/Step-7.png 1253w\" sizes=\"(max-width: 676px) 100vw, 676px\" \/><\/p>\n<p>Yeah Done! This way you can Optimize Resource Files in Magento 2. Let us know in the comment section below if you have any question. We are happy \ud83d\ude42 to help you!<\/p>\n<div class=\"angwp_12010 _ning_cont _ning_hidden _ning_outer _align_center responsive\" data-size=\"custom\" data-bid=\"12010\" data-aid=\"0\" style=\"max-width:800px; width:100%;height:inherit;\"><div class=\"_ning_label _left\" style=\"\"><\/div><div class=\"_ning_inner\" style=\"\"><a href=\"https:\/\/www.hiddentechies.com\/blog?_dnlink=12010&t=1779188543\" class=\"strack_cli _ning_link\" target=\"_blank\">&nbsp;<\/a><div class=\"_ning_elmt\"><img decoding=\"async\" src=\"https:\/\/www.hiddentechies.com\/blog\/wp-content\/uploads\/angwp\/items\/12010\/Banner-2.png\" \/><\/div><\/div><\/div><div class=\"clear\"><\/div>","protected":false},"excerpt":{"rendered":"<p>In this article we&#8217;ll show you, how to Optimize Resource Files in Magento 2. Follow this simple guideline&#8230; Step 1: Get Started Login into Magento Admin Panel and from sidebar go to, Store &gt; Settings &gt; Configuration. Step 2: Optimizing Resource Files Now from sidebar, Go to Advanced &gt; Developer. To optimize CSS files, Expand&#8230; <\/p>\n<div class=\"actions\"><a href=\"https:\/\/www.hiddentechies.com\/blog\/magento\/magento-2-optimize-resource-files\/\">Continue Reading<\/a><\/div>\n","protected":false},"author":1,"featured_media":8800,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,181,59,2138],"tags":[729,9,10,1793],"_links":{"self":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/8783"}],"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=8783"}],"version-history":[{"count":4,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/8783\/revisions"}],"predecessor-version":[{"id":11101,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/posts\/8783\/revisions\/11101"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media\/8800"}],"wp:attachment":[{"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/media?parent=8783"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/categories?post=8783"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiddentechies.com\/blog\/wp-json\/wp\/v2\/tags?post=8783"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}