Put javascript in one .js file or break it out into multiple .js files?

by

I think it depends how often they change. Let’s take this example:

  • JQuery: change once a year
  • 3rd party plugins: change every 6 months
  • your custom code: change every week

If your custom code represents only 10% of the total code, you don’t want the users to download the other 90% every week. You would split in at least 2 js: the JQuery + plugins, and your custom code. Now, if your custom code represents 90% of the full size, it makes more sense to put everything in one file.

When choosing how to combine JS files (and same for CSS), I balance:

  • relative size of the file
  • number of updates expected

More Related Contents:

  1. Trim string in JavaScript?
  2. Inserting a text where cursor is using Javascript/jquery
  3. How to display length of filtered ng-repeat data
  4. Check/Uncheck checkbox with JavaScript
  5. How to get the size of a JavaScript object?
  6. JavaScript: filter() for Objects
  7. What is the correct way to check for string equality in JavaScript?
  8. Execute write on doc: It isn’t possible to write into a document from an asynchronously-loaded external script unless it is explicitly opened.
  9. How can I detect when the mouse leaves the window?
  10. Regex to check whether a string contains only numbers [duplicate]
  11. Valid javascript object property names
  12. How to send data in request body with a GET when using jQuery $.ajax()
  13. JavaScript array .reduce with async/await
  14. How can I detect with JavaScript/jQuery if the user is currently active on the page?
  15. How to select all checkboxes with jQuery?
  16. What does “return this” do within a javascript function?
  17. Why aren’t some technically serializable input properties serializable?
  18. How to show full object in Chrome console
  19. Canvas tainted by cross-origin data
  20. How to write data to a JSON file using Javascript
  21. Add an element to the DOM with JavaScript
  22. Getting a list of statics on an ES6 class
  23. What’s the simplest approach to check existence of deeply-nested object property in JavaScript? [duplicate]
  24. Using environment variables / parameterizing config.xml
  25. How do I properly insert multiple rows into PG with node-postgres?
  26. How do I split a TypeScript class into multiple files?
  27. reference variable in object literal? [duplicate]
  28. window.open() simply adds the url to my current url
  29. Does MongoDB have a native REST interface?
  30. Browser: Uncaught ReferenceError: require is not defined

Leave a Comment