{"id":23059,"date":"2015-01-06T18:01:58","date_gmt":"2015-01-06T10:01:58","guid":{"rendered":"https:\/\/www.hongkiat.com\/blog\/?p=23059"},"modified":"2022-09-21T17:26:22","modified_gmt":"2022-09-21T09:26:22","slug":"javascript-minifying-tools","status":"publish","type":"post","link":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/","title":{"rendered":"14 Tools to Minify Javascript"},"content":{"rendered":"<p>Javascript minification is a technique which <strong>condenses your script into a much smaller footprint<\/strong>. You lose human readability but you <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/ultimate-guide-to-web-optimization-tips-best-practices\/\" rel=\"noopener\">conserve considerable bandwidth<\/a> \u2013 in the end, <strong>Javascript is meant for your browser not for your users<\/strong>.<\/p>\n<p>Most production websites use Javascript modification, but the way this is achieved varies greatly. From simple online converters to more comprehensive GUI tools to <a target=\"_blank\" href=\"https:\/\/www.hongkiat.com\/blog\/wordpress-command-line\/\" rel=\"noopener\">command line<\/a> interfaces, our options are pretty varied. In this article, we\u2019ll take a look at <strong>how Javascript minification works<\/strong>, how we can build it into our workflow and what the pros and cons of minifying are.<\/p>\n<div class=\"ref-block ref-block--post\" id=\"ref-post-1\">\n\t\t\t\t\t<a href=\"https:\/\/www.hongkiat.com\/blog\/chrome-web-developers-tips\/\" class=\"ref-block__link\" title=\"Read More: 5 (More) Useful Chrome DevTools Tips for Developers\" rel=\"bookmark\"><span class=\"screen-reader-text\">5 (More) Useful Chrome DevTools Tips for Developers<\/span><\/a>\n<div class=\"ref-block__thumbnail img-thumb img-thumb--jumbo\" data-img='{ \"src\" : \"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/chrome-web-developers-tips.jpg\" }'>\n\t\t\t\t\t\t\t<noscript>\n<style>.no-js #ref-block-post-18761 .ref-block__thumbnail { background-image: url(\"https:\/\/assets.hongkiat.com\/uploads\/thumbs\/250x160\/chrome-web-developers-tips.jpg\"); }<\/style>\n<\/noscript>\n\t\t\t\t\t\t<\/div>\n<div class=\"ref-block__summary\">\n<h4 class=\"ref-title\">5 (More) Useful Chrome DevTools Tips for Developers<\/h4>\n<p class=\"ref-description\">\n\t\t\t\t\t\tGoogle Chrome comes with a handy set of web development tools in the form of DevTools (The Chrome...\t\t\t\t\t\t<span>Read more<\/span><\/p>\n<\/div>\n<\/div>\n<h2>How Javascript Minification Works<\/h2>\n<p>The best way to learn what happens when you minify your code is to take a look at the <a target=\"_blank\" href=\"https:\/\/github.com\/mishoo\/UglifyJS\" rel=\"noopener\">UglifyJS Github Repository<\/a>. This script is used in many online converters, GUI tools, and command line tools like Grunt. Here are some of the transformations it applies to make your code shorter:<\/p>\n<ul>\n<li>Removes unnecessary space<\/li>\n<li>Shortens variable names, usually to single characters<\/li>\n<li>Joins consecutive var declarations<\/li>\n<li>Converts arrays to objects where possible<\/li>\n<li>Optimizes if statements<\/li>\n<li>Calculates simple constant expressions<\/li>\n<li>etc.<\/li>\n<\/ul>\n<p>As a quick example, here\u2019s a function that essentially writes some given text out.<\/p>\n<pre>\r\nfunction hello( text ) {\r\n\tdocument.write( text );\r\n}\r\n<\/pre>\n<pre>hello( 'Welcome to the article' );<\/pre>\n<p>Let\u2019s see what happens when we minify this. Note the removal of spaces and indentation and the shortening of the text variable.<\/p>\n<pre>function hello(e){document.write(e)}hello(\"Welcome to the article\")<\/pre>\n<h2>Javascript Minification Tools<\/h2>\n<p>The tools used for minifying Javascript can be broadly categorized into three groups: <a href=\"#online\">online<\/a>, <a href=\"#gui\">GUI<\/a>, and <a href=\"#cl\">command line<\/a>.<\/p>\n<ul>\n<li>With online tools, it is usually a matter of pasting your code and copying the result immediately.<\/li>\n<li>GUI tools often contain a lot more functionality; JS minification is just a small part of what they do.<\/li>\n<li>Command line tools are also usually more comprehensive, offering minification as a module.<\/li>\n<\/ul>\n<h3 id=\"online\">Online Tools<\/h3>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/www.toptal.com\/developers\/javascript-minifier\" rel=\"noopener nofollow\">javascript-minifier.com<\/a> is nice-looking tool with an API<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/refresh-sf.com\/yui\/\" rel=\"noopener\">Online YUI Compressor<\/a> is a more powerful tool which uses the YUI compressor, with lots of options and CSS minification capabilities as well<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/jscompress.com\/\" rel=\"noopener\">jscompress.com<\/a> is a no-frills minified but it gets the job done<\/li>\n<li><a target=\"_blank\" href=\"http:\/\/www.jsmini.com\/\" rel=\"noopener\">jsmini.com<\/a> is another simple but wholly usable option<\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/javascript-minifying-tools\/image00.jpg\" width=\"991\" height=\"643\"><\/figure>\n<p>The great thing about online tools is the speed with which you can work with them. Complex GUI and command line tools minify quicker, but you need to set up a project for it to work properly. The downside to these tools is that they mostly <strong>provide little to no customization<\/strong>, at least when compared to command line tools.<\/p>\n<h3 id=\"gui\">GUI Tools<\/h3>\n<ul>\n<li><a target=\"_blank\" href=\"http:\/\/koala-app.com\/\" rel=\"noopener\">Koala<\/a> is a free tool for LESS, SASS compilation, JS minification and a lot more<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/prepros.io\/\" rel=\"noopener\">Prepros<\/a> is a cross-platform paid app which gives you even more options<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/codekitapp.com\/\" rel=\"noopener\">Codekit<\/a> is my app of choice. It is a paid Mac-only app that offers code compilation, minification, a preview server, bower package management, and a lot more<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/sourceforge.net\/projects\/ultraminifier\/\" rel=\"noopener nofollow\">UltraMinifier<\/a> is a free app for OS X which minifies CSS and JS with drag and drop <\/li>\n<\/ul>\n<figure><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/assets.hongkiat.com\/uploads\/javascript-minifying-tools\/image01.jpg\" width=\"545\" height=\"448\"><\/figure>\n<p>I\u2019ve mentioned two types of GUI apps here. The simple one-step minification apps are much like their online counterparts. They are extremely quick to use since you can just drag and drop files into them, no setup required. That said, they <strong>provide virtually no customization<\/strong>.<\/p>\n<p>Larger GUI tools (Prepros, Koala, Codekit) are great at managing projects and giving you a bit more options for compression, but they do <strong>need a little bit of setup<\/strong>. A quick JS minification would take about 20 seconds of setup, which is a lot, compared to the 2-second process of online or simple GUI tools.<\/p>\n<p>On the other hand, they offer you more features in general and provide you with automation. Your JS files will be minified each time you save them; no need to manually minify them. If you\u2019re developing something in Javascript, this is the way to go.<\/p>\n<h3 id=\"cl\">Command Line Tools<\/h3>\n<ul>\n<li><a target=\"_blank\" href=\"https:\/\/www.npmjs.com\/package\/minifier\" rel=\"noopener nofollow\">Minify<\/a> is for those who want to minify JS from the command line but don\u2019t want to set up anything fancy in Grunt or Gulp<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/github.com\/mishoo\/UglifyJS\" rel=\"noopener\">Uglify.js<\/a> which we\u2019ve mentioned before is also available as a stand-alone command line tool<\/li>\n<li><a target=\"_blank\" href=\"https:\/\/gruntjs.com\/\" rel=\"noopener\">Grunt<\/a> has an extension for Javascript minification named <a target=\"_blank\" href=\"https:\/\/github.com\/gruntjs\/grunt-contrib-uglify\" rel=\"noopener\">grunt-contrib-uglify<\/a><\/li>\n<li><a target=\"_blank\" href=\"https:\/\/gulpjs.com\/\" rel=\"noopener\">Gulp<\/a> also has JS minification using Uglify.js through <a target=\"_blank\" href=\"https:\/\/www.npmjs.com\/package\/gulp-uglify\/\" rel=\"noopener nofollow\">gulp-uglify<\/a><\/li>\n<\/ul>\n<p>Command line tools are not just for Linux geeks! I\u2019m not great at the terminal but setting up things like Grunt and Gulp is easy through their great documentation. The upside of command line tools is the awesome amount of flexibility you have from options to output.<\/p>\n<p>On the other hand, there is a <strong>bit of a learning curve<\/strong>. Getting used to the command line <strong>takes some (not a lot of) practice which you will find restrictive<\/strong> before you start enjoying the benefits.<\/p>\n<h2>Overview<\/h2>\n<p>If you\u2019re new to web development, I recommend one of the first three GUI tools. They will help you manage your projects in general and offer much more than just JS minification.<\/p>\n<p>If you\u2019re a seasoned pro, you should probably look into <strong>Grunt or Gulp<\/strong> as these offer the most control over automation tasks. If you need to minify a script quickly <strong>without setting up a project<\/strong>, the command line tools can save you a lot of time.<\/p>\n<p>Each group of tools has its pros and cons, and in truth, you will probably end up using one at some point or another. Keep in mind that when in a production environment, you should always minify your Javascript and CSS!<\/p>","protected":false},"excerpt":{"rendered":"<p>Javascript minification is a technique which condenses your script into a much smaller footprint. You lose human readability but you conserve considerable bandwidth \u2013 in the end, Javascript is meant for your browser not for your users. Most production websites use Javascript modification, but the way this is achieved varies greatly. From simple online converters&hellip;<\/p>\n","protected":false},"author":143,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[3392],"tags":[3427,4117],"topic":[4520],"class_list":["entry-content","is-maxi"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v22.8 (Yoast SEO v27.4) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>14 Tools to Minify Javascript - Hongkiat<\/title>\n<meta name=\"description\" content=\"Javascript minification is a technique which condenses your script into a much smaller footprint. You lose human readability but you conserve considerable\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"14 Tools to Minify Javascript\" \/>\n<meta property=\"og:description\" content=\"Javascript minification is a technique which condenses your script into a much smaller footprint. You lose human readability but you conserve considerable\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/\" \/>\n<meta property=\"og:site_name\" content=\"Hongkiat\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/hongkiatcom\" \/>\n<meta property=\"article:published_time\" content=\"2015-01-06T10:01:58+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2022-09-21T09:26:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/assets.hongkiat.com\/uploads\/javascript-minifying-tools\/image00.jpg\" \/>\n<meta name=\"author\" content=\"Daniel Pataki\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:site\" content=\"@hongkiat\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Daniel Pataki\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"5 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/\"},\"author\":{\"name\":\"Daniel Pataki\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/76d3b3baacd688e9a0d7bd24553519bc\"},\"headline\":\"14 Tools to Minify Javascript\",\"datePublished\":\"2015-01-06T10:01:58+00:00\",\"dateModified\":\"2022-09-21T09:26:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/\"},\"wordCount\":891,\"commentCount\":26,\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/javascript-minifying-tools\\\/image00.jpg\",\"keywords\":[\"Code Optimization\",\"Javascripts\"],\"articleSection\":[\"Coding\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/\",\"name\":\"14 Tools to Minify Javascript - Hongkiat\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/javascript-minifying-tools\\\/image00.jpg\",\"datePublished\":\"2015-01-06T10:01:58+00:00\",\"dateModified\":\"2022-09-21T09:26:22+00:00\",\"description\":\"Javascript minification is a technique which condenses your script into a much smaller footprint. You lose human readability but you conserve considerable\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/#primaryimage\",\"url\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/javascript-minifying-tools\\\/image00.jpg\",\"contentUrl\":\"https:\\\/\\\/assets.hongkiat.com\\\/uploads\\\/javascript-minifying-tools\\\/image00.jpg\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/javascript-minifying-tools\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"14 Tools to Minify Javascript\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"name\":\"Hongkiat\",\"description\":\"Tech and Design Tips\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#organization\",\"name\":\"Hongkiat.com\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"contentUrl\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/wp-content\\\/uploads\\\/hkdc-logo-rect-yoast.jpg\",\"width\":1200,\"height\":799,\"caption\":\"Hongkiat.com\"},\"image\":{\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/hongkiatcom\",\"https:\\\/\\\/x.com\\\/hongkiat\",\"https:\\\/\\\/www.pinterest.com\\\/hongkiat\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/#\\\/schema\\\/person\\\/76d3b3baacd688e9a0d7bd24553519bc\",\"name\":\"Daniel Pataki\",\"description\":\"Daniel is a writer for Hongkiat.com. When not coding or writing, you'll find him playing board games or running with his dog. You can drop him a line on Twitter or visit his personal website.\",\"sameAs\":[\"http:\\\/\\\/danielpataki.com\\\/\"],\"url\":\"https:\\\/\\\/www.hongkiat.com\\\/blog\\\/author\\\/danielpataki\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"14 Tools to Minify Javascript - Hongkiat","description":"Javascript minification is a technique which condenses your script into a much smaller footprint. You lose human readability but you conserve considerable","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:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/","og_locale":"en_US","og_type":"article","og_title":"14 Tools to Minify Javascript","og_description":"Javascript minification is a technique which condenses your script into a much smaller footprint. You lose human readability but you conserve considerable","og_url":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/","og_site_name":"Hongkiat","article_publisher":"https:\/\/www.facebook.com\/hongkiatcom","article_published_time":"2015-01-06T10:01:58+00:00","article_modified_time":"2022-09-21T09:26:22+00:00","og_image":[{"url":"https:\/\/assets.hongkiat.com\/uploads\/javascript-minifying-tools\/image00.jpg","type":"","width":"","height":""}],"author":"Daniel Pataki","twitter_card":"summary_large_image","twitter_creator":"@hongkiat","twitter_site":"@hongkiat","twitter_misc":{"Written by":"Daniel Pataki","Est. reading time":"5 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/#article","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/"},"author":{"name":"Daniel Pataki","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/76d3b3baacd688e9a0d7bd24553519bc"},"headline":"14 Tools to Minify Javascript","datePublished":"2015-01-06T10:01:58+00:00","dateModified":"2022-09-21T09:26:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/"},"wordCount":891,"commentCount":26,"publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/javascript-minifying-tools\/image00.jpg","keywords":["Code Optimization","Javascripts"],"articleSection":["Coding"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/","url":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/","name":"14 Tools to Minify Javascript - Hongkiat","isPartOf":{"@id":"https:\/\/www.hongkiat.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/#primaryimage"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/#primaryimage"},"thumbnailUrl":"https:\/\/assets.hongkiat.com\/uploads\/javascript-minifying-tools\/image00.jpg","datePublished":"2015-01-06T10:01:58+00:00","dateModified":"2022-09-21T09:26:22+00:00","description":"Javascript minification is a technique which condenses your script into a much smaller footprint. You lose human readability but you conserve considerable","breadcrumb":{"@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/#primaryimage","url":"https:\/\/assets.hongkiat.com\/uploads\/javascript-minifying-tools\/image00.jpg","contentUrl":"https:\/\/assets.hongkiat.com\/uploads\/javascript-minifying-tools\/image00.jpg"},{"@type":"BreadcrumbList","@id":"https:\/\/www.hongkiat.com\/blog\/javascript-minifying-tools\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.hongkiat.com\/blog\/"},{"@type":"ListItem","position":2,"name":"14 Tools to Minify Javascript"}]},{"@type":"WebSite","@id":"https:\/\/www.hongkiat.com\/blog\/#website","url":"https:\/\/www.hongkiat.com\/blog\/","name":"Hongkiat","description":"Tech and Design Tips","publisher":{"@id":"https:\/\/www.hongkiat.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.hongkiat.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.hongkiat.com\/blog\/#organization","name":"Hongkiat.com","url":"https:\/\/www.hongkiat.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","contentUrl":"https:\/\/www.hongkiat.com\/blog\/wp-content\/uploads\/hkdc-logo-rect-yoast.jpg","width":1200,"height":799,"caption":"Hongkiat.com"},"image":{"@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/hongkiatcom","https:\/\/x.com\/hongkiat","https:\/\/www.pinterest.com\/hongkiat\/"]},{"@type":"Person","@id":"https:\/\/www.hongkiat.com\/blog\/#\/schema\/person\/76d3b3baacd688e9a0d7bd24553519bc","name":"Daniel Pataki","description":"Daniel is a writer for Hongkiat.com. When not coding or writing, you'll find him playing board games or running with his dog. You can drop him a line on Twitter or visit his personal website.","sameAs":["http:\/\/danielpataki.com\/"],"url":"https:\/\/www.hongkiat.com\/blog\/author\/danielpataki\/"}]}},"jetpack_featured_media_url":"https:\/\/","jetpack_shortlink":"https:\/\/wp.me\/p4uxU-5ZV","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23059","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/users\/143"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/comments?post=23059"}],"version-history":[{"count":3,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23059\/revisions"}],"predecessor-version":[{"id":62401,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/posts\/23059\/revisions\/62401"}],"wp:attachment":[{"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/media?parent=23059"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/categories?post=23059"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/tags?post=23059"},{"taxonomy":"topic","embeddable":true,"href":"https:\/\/www.hongkiat.com\/blog\/wp-json\/wp\/v2\/topic?post=23059"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}