Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What's the difference between jquery.js and jquery.min.js?

Tags:

jquery

minify

People also ask

What is the difference between js and Min js?

Normal “. js” is usually a file containing code with additional comments which explains what are specific method doing, what variable contains etc. “Min JS” (from “Minified”) is the same code but minified (“squashed”) to keep entire functionality taking minimum amount of space.

What is jQuery min used for?

Minimized version is one of the main methods used to reduce load times and bandwidth usage on websites. It dramatically improves site speed and accessibility, directly translating into a better user experience.

What is difference between jQuery and js?

JavaScript is an independent language and can exist on its own. jQuery is a JavaScript library. It would not have been invented had JavaScript was not there. jQuery is still dependent on JavaScript as it has to be converted to JavaScript for the browser in-built JavaScript engine to interpret and run it.

What is JavaScript min file?

Imperva CDN automatically compresses HTML, CSS and JavaScript files stored on its servers to accelerate page load times. This is done without requiring any server configuration on your end, while at the same time protecting your organization—large or small—from major threats (e.g., DDoS attacks).


They are both the same functionally but the .min one has all unnecessary characters removed in order to make the file size smaller.

Just to point out as well, you are better using the minified version (.min) for your live environment as Google are now checking on page loading times. Having all your JS file minified means they will load faster and will score you more brownie points.

You can get an addon for Mozilla called Page Speed that will look through your site and show you all the .JS files and provide minified versions (amongst other things).


Both support the same functions. jquery.min.js is a compressed version of jquery.js (whitespaces and comments stripped out, shorter variable names, ...) in order to preserve bandwidth. In terms of functionality they are absolutely the same. It is recommended to use this compressed version in production environment.


  • jquery.js = Pretty and easy to read :) Read this one.

  • jquery.min.js = Looks like jibberish! But has a smaller file size. Put this one on your site.

Both are the same in functionality. The difference is only in whether it's formatted nicely for readability or compactly for smaller file size.

Specifically, the second one is minified, a process which involves removing unnecessary whitespace and shortening variable names. Both contribute to making the code much harder to read: the removal of whitespace removes line breaks and spaces messing up the formatting, and the shortening of variable names (including some function names) replaces the original variable names with meaningless letters.

All this is done in such a way that it doesn't affect the way the code behaves when run, in any way. Notably, the replacement/shortening of variable and function names is only done to names that appear in a local scope where it won't interfere with any other code in other scripts.


Jquery.min.js is nothing else but compressed version of jquery.js. You can use it the same way as jquery.js, but it's smaller, so in production you should use minified version and when you're debugging you can use normal jquery.js version. If you want to compress your own javascript file you can these compressors:

  • http://developer.yahoo.com/yui/compressor/
  • http://code.google.com/intl/pl-PL/closure/compiler/
  • http://jscompress.com/

Or just read topis on StackOverflow about js compression :) :

  • Best JavaScript compressor
  • What do you use to minimize and compress JavaScript libraries?

In easy language, both versions are absolutely the same. Only difference is:

  • min.js is for websites (online)

  • .js is for developers, guys who needs to read, learn about or/and understand jquery codes, for ie plugin development (offline, local work).


Both contain the same functionality but the .min.js equivalent has been optimized in size. You can open both files and take a look at them. In the .min.js file you'll notice that all variables names have been reduced to short names and that most whitespace & comments have been taken out.


jquery.js: when you have to dive into jquery's source code jquery.min.js: compressed version for saving bandwidth

There is one more option for saving more bandwidth then the compressed version which is using something like Google CDN provided: http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js