What does jquery use to minify

Joseph Joseph ShaneBlake ShaneBlake If you are on Visual Studio, Chirpy is the best. The Overflow Blog. Does ES6 make JavaScript frameworks obsolete? Podcast Do polyglots have an edge when it comes to mastering programming Featured on Meta. Now live: A fully responsive profile.

Visit chat. Linked 7. Related Hot Network Questions. Stack Overflow works best with JavaScript enabled. You may have noticed that sometimes there are two versions of JavaScript. For example, JQuery a popular javascript library has a production version and a development version. The production version comes in at 19KB. The development version which is the same code is KB. Once we minify JavaScript it is no longer easy to read by developers and is much smaller in size.

It goes from looking like this:. Believe it or not, this is the same code that acts in the same way. Developers can read the first version. The second version is to improve performance. The main reason is Page Speed. The smaller the JavaScript files on your website the faster they will load.

A minified version of the file will be much quicker to load than the development version. Let's take a look at an example. When looking at Trader Joes from Chrome we can inspect the network tab and see which files have downloaded. This means that the file will download fast but the file is not minified. This is the URL:. Minified version of JQuery Minimized version is one of the main methods used to reduce load times and bandwidth usage on websites. It's common to see two versions of jQuery files: myLib.

Why do we need to go for JQuery? How to check jQuery version? How to multiple version of jQuery? What is jQuery CDN? How do I check if the DOM is ready? How to Use the jQuery load Method Difference between document. Is jQuery is a replacement of JavaScript? JQuery or JavaScript which is quicker in execution? What is the use of param method? How to work with jQuery parent , children and siblings?

Difference between parent and parents in jQuery? What does jQuery data function do? How do you check if an element exists or not in jQuery? How to run an event handler only once in jQuery? What happen if you return false from a jQuery event handler?