{"id":252,"date":"2020-08-19T14:59:12","date_gmt":"2020-08-19T14:59:12","guid":{"rendered":"https:\/\/vwo.com\/product-updates\/?p=252"},"modified":"2022-01-25T10:31:10","modified_gmt":"2022-01-25T10:31:10","slug":"minify-your-custom-javascript-css-code","status":"publish","type":"post","link":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/","title":{"rendered":"Minify Your Custom JavaScript\/CSS Code"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/www.cloudflare.com\/learning\/performance\/why-minify-javascript-code\/\">Minification<\/a> is the process that removes whitespaces, comments, and optimizes\/shortens a few common programming patterns, and newline characters. Since these characters only add readability to the code and don\u2019t actually execute, removal of these doesn\u2019t break anything on your website. Everything works as is and the final size of the code is smaller than the original.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We\u2019ve introduced the <strong>Minify JavaScript\/CSS Code <\/strong>feature in VWO Code Editor to enable you to minify the variation code directly in VWO. This helps reduce the size of the code for the changes and reduces the data to be loaded for all the visitors that become a part of the test.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>CAUTION<\/strong><strong>:<\/strong> If you are using global variables in your code, minification might modify them. Hence, we recommend you to test your code first before using this feature.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">You can configure this setting both at the account and campaign level.<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Account-level change for all future campaigns:<\/strong> To configure this setting at the account level, go to Account settings &gt; Campaign settings, and from the <strong>Minify JavaScript\/CSS code <\/strong>present under the Editor settings section, choose the option relevant for you (this applies to all the campaigns that are created after you make this change).<\/li><\/ul>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1358\" height=\"701\" src=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif\" alt=\"Minify\" class=\"wp-image-361\" srcset=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif 1358w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif?tr=w-1024 1024w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif?tr=w-768 768w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif?tr=w-640 640w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif?tr=w-375 375w\" sizes=\"(max-width: 1358px) 100vw, 1358px\" \/><\/figure>\n\n\n\n<ul class=\"wp-block-list\"><li><strong>Campaign level:<\/strong> To configure this setting at the campaign level, click on the settings option in the code editor, and enable the <strong>Minify JavaScript\/CSS cod<\/strong>e option.<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">If you have configured this option both at the account and campaign level and the settings differ, then the campaign level configurations take precedence. Each new campaign created will default to account-level configuration.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"2374\" height=\"1248\" src=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/Minify.png\" alt=\"Minify\" class=\"wp-image-363\" srcset=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/Minify.png 2374w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/Minify.png?tr=w-1600 1600w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/Minify.png?tr=w-1366 1366w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/Minify.png?tr=w-1024 1024w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/Minify.png?tr=w-768 768w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/Minify.png?tr=w-640 640w, https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/Minify.png?tr=w-375 375w\" sizes=\"(max-width: 2374px) 100vw, 2374px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Note<\/strong>: You will continue to see the code as it is (with your formatting) but we will minify it before serving it to the customers. This will ensure that the code is readable for you, and executes faster when needed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To learn more how to configure this in VWO, refer to <a href=\"https:\/\/help.vwo.com\/hc\/en-us\/articles\/900000646046\">Minify JavaScript\/CSS Code in VWO<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Minification is the process that removes whitespaces, comments, and optimizes\/shortens a few common programming patterns, and newline characters. Since these characters only add readability to the code and don\u2019t actually execute, removal of these doesn\u2019t break anything on your website. Everything works as is and the final size of the code is smaller than the&#8230;<\/p>\n","protected":false},"author":189,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[8],"tags":[19],"feature":[],"industry-type":[],"class_list":["post-252","post","type-post","status-publish","format-standard","hentry","category-platform","tag-performance"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.9 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Minify Your Custom JavaScript\/CSS Code| VWO Product Updates<\/title>\n<meta name=\"description\" content=\"Minify JavaScript\/CSS Code feature in VWO Code Editor enables you to minify the variation code directly in VWO &amp; helps reduce the size of the code for the changes and reduces the data to be loaded.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Minify Your Custom JavaScript\/CSS Code| VWO Product Updates\" \/>\n<meta property=\"og:description\" content=\"Minify JavaScript\/CSS Code feature in VWO Code Editor enables you to minify the variation code directly in VWO &amp; helps reduce the size of the code for the changes and reduces the data to be loaded.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/\" \/>\n<meta property=\"og:site_name\" content=\"VWO Product Updates\" \/>\n<meta property=\"article:published_time\" content=\"2020-08-19T14:59:12+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-01-25T10:31:10+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif\" \/>\n<meta name=\"author\" content=\"Anshul Gurbaxani\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/\"},\"author\":{\"name\":\"Anshul Gurbaxani\",\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/#\\\/schema\\\/person\\\/1871f2d595a86897520c3fce703f5726\"},\"headline\":\"Minify Your Custom JavaScript\\\/CSS Code\",\"datePublished\":\"2020-08-19T14:59:12+00:00\",\"dateModified\":\"2022-01-25T10:31:10+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/\"},\"wordCount\":328,\"commentCount\":0,\"image\":{\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/static.wingify.com\\\/gcp\\\/uploads\\\/sites\\\/13\\\/2020\\\/09\\\/minify.gif\",\"keywords\":[\"Performance\"],\"articleSection\":[\"VWO Platform\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/\",\"url\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/\",\"name\":\"Minify Your Custom JavaScript\\\/CSS Code| VWO Product Updates\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/static.wingify.com\\\/gcp\\\/uploads\\\/sites\\\/13\\\/2020\\\/09\\\/minify.gif\",\"datePublished\":\"2020-08-19T14:59:12+00:00\",\"dateModified\":\"2022-01-25T10:31:10+00:00\",\"author\":{\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/#\\\/schema\\\/person\\\/1871f2d595a86897520c3fce703f5726\"},\"description\":\"Minify JavaScript\\\/CSS Code feature in VWO Code Editor enables you to minify the variation code directly in VWO & helps reduce the size of the code for the changes and reduces the data to be loaded.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/#primaryimage\",\"url\":\"https:\\\/\\\/static.wingify.com\\\/gcp\\\/uploads\\\/sites\\\/13\\\/2020\\\/09\\\/minify.gif\",\"contentUrl\":\"https:\\\/\\\/static.wingify.com\\\/gcp\\\/uploads\\\/sites\\\/13\\\/2020\\\/09\\\/minify.gif\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/minify-your-custom-javascript-css-code\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Minify Your Custom JavaScript\\\/CSS Code\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/#website\",\"url\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/\",\"name\":\"VWO Product Updates\",\"description\":\"Just another VWO site\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/vwo.com\\\/product-updates\\\/#\\\/schema\\\/person\\\/1871f2d595a86897520c3fce703f5726\",\"name\":\"Anshul Gurbaxani\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/static.wingify.com\\\/gcp\\\/uploads\\\/sites\\\/13\\\/2020\\\/08\\\/anshulgurbaxani-96x96.jpg\",\"url\":\"https:\\\/\\\/static.wingify.com\\\/gcp\\\/uploads\\\/sites\\\/13\\\/2020\\\/08\\\/anshulgurbaxani-96x96.jpg\",\"contentUrl\":\"https:\\\/\\\/static.wingify.com\\\/gcp\\\/uploads\\\/sites\\\/13\\\/2020\\\/08\\\/anshulgurbaxani-96x96.jpg\",\"caption\":\"Anshul Gurbaxani\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Minify Your Custom JavaScript\/CSS Code| VWO Product Updates","description":"Minify JavaScript\/CSS Code feature in VWO Code Editor enables you to minify the variation code directly in VWO & helps reduce the size of the code for the changes and reduces the data to be loaded.","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:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/","og_locale":"en_US","og_type":"article","og_title":"Minify Your Custom JavaScript\/CSS Code| VWO Product Updates","og_description":"Minify JavaScript\/CSS Code feature in VWO Code Editor enables you to minify the variation code directly in VWO & helps reduce the size of the code for the changes and reduces the data to be loaded.","og_url":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/","og_site_name":"VWO Product Updates","article_published_time":"2020-08-19T14:59:12+00:00","article_modified_time":"2022-01-25T10:31:10+00:00","og_image":[{"url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif","type":"","width":"","height":""}],"author":"Anshul Gurbaxani","twitter_card":"summary_large_image","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/#article","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/"},"author":{"name":"Anshul Gurbaxani","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/1871f2d595a86897520c3fce703f5726"},"headline":"Minify Your Custom JavaScript\/CSS Code","datePublished":"2020-08-19T14:59:12+00:00","dateModified":"2022-01-25T10:31:10+00:00","mainEntityOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/"},"wordCount":328,"commentCount":0,"image":{"@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif","keywords":["Performance"],"articleSection":["VWO Platform"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/","url":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/","name":"Minify Your Custom JavaScript\/CSS Code| VWO Product Updates","isPartOf":{"@id":"https:\/\/vwo.com\/product-updates\/#website"},"primaryImageOfPage":{"@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/#primaryimage"},"image":{"@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/#primaryimage"},"thumbnailUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif","datePublished":"2020-08-19T14:59:12+00:00","dateModified":"2022-01-25T10:31:10+00:00","author":{"@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/1871f2d595a86897520c3fce703f5726"},"description":"Minify JavaScript\/CSS Code feature in VWO Code Editor enables you to minify the variation code directly in VWO & helps reduce the size of the code for the changes and reduces the data to be loaded.","breadcrumb":{"@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/#primaryimage","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/09\/minify.gif"},{"@type":"BreadcrumbList","@id":"https:\/\/vwo.com\/product-updates\/minify-your-custom-javascript-css-code\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/vwo.com\/product-updates\/"},{"@type":"ListItem","position":2,"name":"Minify Your Custom JavaScript\/CSS Code"}]},{"@type":"WebSite","@id":"https:\/\/vwo.com\/product-updates\/#website","url":"https:\/\/vwo.com\/product-updates\/","name":"VWO Product Updates","description":"Just another VWO site","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/vwo.com\/product-updates\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/vwo.com\/product-updates\/#\/schema\/person\/1871f2d595a86897520c3fce703f5726","name":"Anshul Gurbaxani","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/08\/anshulgurbaxani-96x96.jpg","url":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/08\/anshulgurbaxani-96x96.jpg","contentUrl":"https:\/\/static.wingify.com\/gcp\/uploads\/sites\/13\/2020\/08\/anshulgurbaxani-96x96.jpg","caption":"Anshul Gurbaxani"}}]}},"_links":{"self":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/252","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/users\/189"}],"replies":[{"embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/comments?post=252"}],"version-history":[{"count":11,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/252\/revisions"}],"predecessor-version":[{"id":1131,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/posts\/252\/revisions\/1131"}],"wp:attachment":[{"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/media?parent=252"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/categories?post=252"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/tags?post=252"},{"taxonomy":"feature","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/feature?post=252"},{"taxonomy":"industry-type","embeddable":true,"href":"https:\/\/vwo.com\/product-updates\/wp-json\/wp\/v2\/industry-type?post=252"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}