{"id":72713,"date":"2016-07-05T10:22:51","date_gmt":"2016-07-05T14:22:51","guid":{"rendered":"http:\/\/www.templatemonster.com\/help\/?p=72713"},"modified":"2017-07-12T03:49:46","modified_gmt":"2017-07-12T07:49:46","slug":"cherryframework-4-optimization-options-overview","status":"publish","type":"post","link":"https:\/\/www.templatemonster.com\/help\/cherryframework-4-optimization-options-overview.html","title":{"rendered":"CherryFramework 4. Optimization options overview"},"content":{"rendered":"<p>Hello! This video tutorial shows how to manage <strong>optimization options<\/strong> in CherryFramework 4 templates.<\/p>\r\n<div class=\"video-container\">\r\n\t<iframe src=\"https:\/\/www.youtube.com\/embed\/ZNFspZwbkE0\"><\/iframe>\r\n<\/div>\r\n<div class=\"inline-banner\">\r\n<a href=\"https:\/\/www.templatemonster.com\/service-center\/\">\r\n<img src=\"\/help\/files\/banners\/inline\/Banner-3-(835-x100).jpg\" \/>\r\n<\/a>\r\n<\/div>\r\n<p>The tutorial assumes you are already logged in to your WordPress dashboard.<\/p>\r\n<ol>\r\n\t<li>\r\n\t\t<p>Navigate to <strong>Cherry -> Options<\/strong> tab:<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_1.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_1-300x165.png\" alt=\"cherry4_optimization_options_overview_1\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-72714\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_1-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_1-150x82.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_1-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_1.png 1246w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t<\/li>\r\n\t<li>\r\n\t\t<p>Then click on the <strong>&#8220;Optimization&#8221;<\/strong> tab:<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_2.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_2-300x165.png\" alt=\"cherry4_optimization_options_overview_2\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-72715\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_2-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_2-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_2-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_2.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\t<p>The <strong>Optimization options<\/strong> editing interface is opened in front of you.<\/p>\r\n\t<\/li>\r\n<\/ol>\r\n<p class=\"attention\"><strong>Note!!!<\/strong> Optimization tab is for advanced site developers, do not change any options there if you are not sure what they will result in.<\/p>\r\n<p>You can see three options there: <strong>Concatenate\/minify CSS<\/strong>, <strong>Dynamic CSS output<\/strong> and <strong>Mega menu caching enabled<\/strong>:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_3.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_3-300x165.png\" alt=\"cherry4_optimization_options_overview_3\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-72716\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_3-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_3-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_3-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_3.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>Each option has some short description below its name so you could have a slight idea on what certain option does:<\/p>\r\n\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_4.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_4-300x165.png\" alt=\"cherry4_optimization_options_overview_4\" width=\"300\" height=\"165\" class=\"alignnone size-medium wp-image-72717\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_4-300x165.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_4-150x83.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_4-1024x563.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_4.png 1247w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\r\n\r\n<p>Let&#8217;s go through these options one-by-one to get to know them better.<\/p>\r\n<ul class=\"list\">\r\n\t<li>\r\n\t\t<p><strong>Concatenate\/minifyCSS<\/strong><\/p>\r\n\t\t<p>This option allows you to <strong>merge\/minify<\/strong> your theme <strong>CSS<\/strong> files for the better website performance.<\/p>\r\n\t\t<p>This means all the unnecessary characters will be removed from your <strong>CSS<\/strong> files, e.g. spaces, line-breaks, comments etc.<\/p>\r\n\t\t<p>You can find an example of minified CSS presented on the screenshot below:<\/p>\r\n\t\t\r\n<a class=\"darkbox\" href=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_5.png\"><img loading=\"lazy\" src=\"\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_5-300x143.png\" alt=\"cherry4_optimization_options_overview_5\" width=\"300\" height=\"143\" class=\"alignnone size-medium wp-image-72718\" srcset=\"https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_5-300x143.png 300w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_5-150x72.png 150w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_5-1024x490.png 1024w, https:\/\/www.templatemonster.com\/help\/wp-content\/uploads\/2016\/07\/cherry4_optimization_options_overview_5.png 1096w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/a>\t\t\r\n\t\t<p class=\"attention\"><strong>Note!!!<\/strong> It is not recommended to edit minified CSS files since they are <strong>temporary<\/strong>.<\/p>\r\n\t\t<p>If your file looks like the aforementioned screenshot, disable the <strong>Concatenate\/minifyCSS<\/strong> option, perform desired changes to <strong>CSS<\/strong> and then enable the option back if needed.<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p><strong>Dynamic CSS output<\/strong><\/p>\r\n\t\t<p>This option allows you to choose whether to output dynamic CSS in a <strong>separate file<\/strong> or into  a <strong>style tag<\/strong>.<\/p>\r\n\t\t<p>The option is set to <strong>&#8220;Style tag in HEAD&#8221;<\/strong> by default, it is recommended to leave it as is.<\/p>\r\n\t<\/li>\r\n\t<li>\r\n\t\t<p><strong>Mega menu caching enabled<\/strong><\/p>\r\n\t\t<p>Finally, the third option allows to enable or disable <strong>caching of the Mega menu<\/strong>.<\/p>\r\n\t\t<p>It may also help you to speed up the site performance, especially when you have multiple categories\/subcategories with images\/icons inserted via Mega menu.<\/p>\r\n\t<\/li>\r\n<\/ul>\r\n<p>This is the end of the tutorial. Now you know how to manage <strong>optimization options<\/strong> in your CherryFramework 4 template.<\/p>\r\n<p>Feel free to check the detailed video tutorial below:<\/p>\r\n<a href=\"http:\/\/www.youtube.com\/watch?v=ZNFspZwbkE0?width=1280&amp;height=720\" rel=\"prettyPhoto\">CherryFramework 4. Optimization options overview<\/a>","protected":false},"excerpt":{"rendered":"<p>Hello! This video tutorial shows how to manage <strong>optimization options<\/strong> in CherryFramework 4 templates.<\/p>\n","protected":false},"author":68,"featured_media":72719,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":[],"categories":[2017,728],"tags":[2012,1143,898],"_links":{"self":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/72713"}],"collection":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/users\/68"}],"replies":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/comments?post=72713"}],"version-history":[{"count":1,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/72713\/revisions"}],"predecessor-version":[{"id":81908,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/posts\/72713\/revisions\/81908"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media\/72719"}],"wp:attachment":[{"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/media?parent=72713"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/categories?post=72713"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.templatemonster.com\/help\/wp-json\/wp\/v2\/tags?post=72713"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}