Multiple javascript/css files: best practices?

by

I would suggest using PHP Minify, which lets you create a single HTTP request for a group of JS or CSS files. Minify also handles GZipping, Compression, and HTTP Headers for client side caching.

Edit: Minify will also allow you to setup the request so that for different pages you can include different files. For example a core set of JS files along with custom JS code on certain pages or just the core JS files on other pages.

While in development include all the files as you normally would and then when you get closer to switching to production run minify and join all the CSS and JS files into a single HTTP request. It’s really easy to setup and get working with.

Also yes, CSS files should be set in the head, and JS files served at the bottom, since JS files can write to your page and can cause massive time-out issues.

Here’s how you should include your JS files:

</div> <!-- Closing Footer Div -->
<script type="application/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.1.min.js"></script>
</body>
</html>

Edit: You can also use Cuzillion to see how your page should be set up.

More Related Contents:

  1. html graphs from database [closed]
  2. How to hide css and js version details from weppalyzer in PHP
  3. How could I make a calendar? [closed]
  4. Download the text over image using jquery
  5. Is the following code valid? [closed]
  6. Form inside of $.load not posting correctly
  7. First drop down menu to auto change the options of a second dropdown
  8. jQuery AJAX form using mail() PHP script sends email, but POST data from HTML form is undefined
  9. How can we open a link in private browsing mode
  10. How to preview an image before and after upload?
  11. Javascript function post and call php script
  12. How to add anchor tag to a URL from text input
  13. jQuery Multiple Forms Submit
  14. Switch classes on click of button
  15. How can I modify with css an image appended with javascript?
  16. best tools for theme design? [closed]
  17. Malicious file?
  18. Scroll Function working in reverse order [closed]
  19. Using jQuery to center a DIV on the screen
  20. dynamic drop down box?
  21. horizontal scrollbar on top and bottom of table
  22. Pass Javascript Array -> PHP
  23. Show and hide divs at a specific time interval using jQuery
  24. How do I detect “shift+enter” and generate a new line in Textarea?
  25. Execute javascript in PHP
  26. :touch CSS pseudo-class or something similar?
  27. Open a new javascript window(.open) along with its CSS styling
  28. jQuery – Sticky header that shrinks when scrolling down
  29. Is it possible to do mathematics inside CSS?
  30. Select a row from html table and send values onclick of a button

Leave a Comment