Minified version of JQuery

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.

It's common to see two versions of jQuery files:

  1. myLib.js (the original version, meant to be included in development mode for debugging)

  2. myLib.min.js (the minified version, meant for production)
The jquery.min.js (Minified file) is something with jQuery-x.x.x-min.js extension. In terms of functionality, there is no difference between the jQuery-x.x.x.js and jQuery-x.x.x-min.js. The sole benefit of minified jQuery file is allowing a client to download fewer bytes , enabling the page to load faster, use less battery, use less of a mobile data plan, etc. The jQuery-x.x.x-min.js file will be more than 50% less than the normal js file. Reduction in the file size makes the web page faster . For ex. jQuery-1.4.4.js file size is 189 KB as against its minified version jQuery-1.4.4-min.js, which is only 86.7 KB in size. So when your page loads in the client's browser if you are not using minified version, it loads 189 KB file that takes more time to load than 86.7 KB. Hence, by this manner the performance is increased .




Related Topics
  1. jQuery Interview Questions (Part-2)
  2. jQuery Interview Questions (Part-3)
  3. Is jQuery a programming language?
  4. Why do we need to go for JQuery?
  5. How to check jQuery version?
  6. How to multiple version of jQuery?
  7. What is jQuery CDN?
  8. How do I check if the DOM is ready?
  9. How to Use the jQuery load() Method
  10. Difference between document.ready() and body onload()?
  11. Is jQuery is a replacement of JavaScript?
  12. JQuery or JavaScript which is quicker in execution?
  13. What is the use of param() method?
  14. How to work with jQuery parent(), children() and siblings()?
  15. Difference between parent() and parents() in jQuery?
  16. What does jQuery data() function do?
  17. How do you check if an element exists or not in jQuery?
  18. How do I check if an HTML element is empty using jQuery?
  19. How to run an event handler only once in jQuery?
  20. How to disable/enable an element with jQuery
  21. Hide and show image on button click using jQuery
  22. Difference Between Prop and Attr in jQuery
  23. How do I check if an element is hidden in jQuery?
  24. What happen if you return false from a jQuery event handler?
  25. What is each() function in jQuery? How do you use it?
  26. Which one is more efficient, document.getElementbyId( "myId") or $("#myId)?
  27. What is the difference between $.map and $.grep in jQuery
  28. What is the use of serialize method in jQuery
  29. What is the use of clone method in jQuery?
  30. What is event.PreventDefault in jQuery?
  31. Difference between event.PreventDefault and event.stopPropagation?
  32. What are deferred and promise object in jQuery?
  33. What are source maps in jQuery?
  34. What does the jQuery migrate function do?
  35. Differences Between jQuery .bind() and .live()?
  36. How can you delay document.ready until a variable is set?
  37. How to disable cut,copy and paste in TextBox using jQuery?
  38. How to prevent Right Click option using jquery?
  39. How does the jQuery pushStack function work?
  40. Why use jQuery filter() Methods?
  41. Difference between find() and closest() in jquery?
  42. How To Use Ajax In Jquery?
  43. How to multiple AJAX requests be run simultaneously in jQuery?
  44. Can we call C# code behind using jQuery?
  45. How to include jQuery in ASP.Net project?
  46. Need to add jQuery file in both Master and Content page?
  47. Uncaught TypeError: $(…).modal is not a function jquery
  48. How to check whether a checkbox is checked in jQuery?
  49. Uncaught ReferenceError: $ is not defined
  50. How to Convert JSON Date to JavaScript/jQuery date