{"id":266,"date":"2023-05-22T10:27:04","date_gmt":"2023-05-22T10:27:04","guid":{"rendered":"https:\/\/docs.mysterythemes.com\/ogma\/?p=266"},"modified":"2023-05-23T04:40:20","modified_gmt":"2023-05-23T04:40:20","slug":"how-to-minify-css-js-files","status":"publish","type":"post","link":"https:\/\/docs.mysterythemes.com\/ogma\/how-to-minify-css-js-files\/","title":{"rendered":"How to Minify CSS\/JS files?"},"content":{"rendered":"\n<p>For the uninitiated, <strong>minification <\/strong>is the process of removing white space, semi colons or other redundant characters from JavaScript source code without altering its functionality.<\/p>\n\n\n\n<p><strong>Minification <\/strong>improves site speed and accessibility consequently boosting user experience.  For the users with limited data plan and limited bandwidth, <strong>minification <\/strong>proves of great help to limit use of bandwidth.<\/p>\n\n\n\n<p>OGMA pro theme allows an option of <strong>minify <\/strong>both <strong>CSS <\/strong>and <strong>JavaScript<\/strong>\/<strong>jQuery <\/strong>files as per your convenience. To do that,<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>First make sure you have purchased the pro version of OGMA.<\/li>\n\n\n\n<li>Then open the theme customizer by navigating to <strong>Appearance &gt;&gt; Theme.<\/strong><\/li>\n\n\n\n<li>After that navigate to <strong>General Settings &gt;&gt; Performance<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"300\" height=\"337\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/05\/Minify-CSS-JS.png\" alt=\"\" class=\"wp-image-267\" srcset=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/05\/Minify-CSS-JS.png 300w, https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/05\/Minify-CSS-JS-267x300.png 267w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li>Under <strong>MINIFY CSS<\/strong>\/JS section, toggle on the <strong>Enable minify JS\/jQuery file option<\/strong> to enable minification of JavaScript and jQuery files<\/li>\n\n\n\n<li>Then, toggle on <strong>Enable minify CSS file<\/strong> to enable minification of CSS files.<\/li>\n\n\n\n<li>Eventually, don&#8217;t forget to click on <img loading=\"lazy\" decoding=\"async\" width=\"70\" height=\"23\" class=\"wp-image-81\" style=\"width: 70px;\" src=\"https:\/\/docs.mysterythemes.com\/ogma\/wp-content\/uploads\/sites\/22\/2023\/04\/publish-button.png\" alt=\"\"> button at the top to save and publish the changes.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>For the uninitiated, minification is the process of removing white space, semi colons or other redundant characters from JavaScript source code without altering its functionality. Minification improves site speed and accessibility consequently boosting user experience. For the users with limited data plan and limited bandwidth, minification proves of great help to limit use of bandwidth. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[17],"tags":[],"class_list":["post-266","post","type-post","status-publish","format-standard","hentry","category-ogma-pro-module"],"_links":{"self":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/266","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/comments?post=266"}],"version-history":[{"count":2,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/266\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/posts\/266\/revisions\/272"}],"wp:attachment":[{"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/media?parent=266"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/categories?post=266"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/docs.mysterythemes.com\/ogma\/wp-json\/wp\/v2\/tags?post=266"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}