Comments on: Make a diet, serve just one CSS and one JS http://www.francodacosta.com/development/make-a-diet-serve-just-one-css-and-one-js because it is! Fri, 04 May 2012 07:08:57 +0000 hourly 1 http://wordpress.org/?v=3.3.1 By: nuno costa http://www.francodacosta.com/development/make-a-diet-serve-just-one-css-and-one-js/comment-page-1#comment-14546 nuno costa Thu, 26 Apr 2012 07:55:08 +0000 http://www.francodacosta.com/blog/?p=514#comment-14546 @Pavlov The size of the files is only relevant if you setup more than one host for your files. Most browsers restrict the number of simultaneous connections to the same host, so having multiple files to download can be an huge problem (js + css + images all on the same host can lead to an increased waiting time) Concurrency seems to be the key when talking about performance. I usually organize my files in the following way: * libraries and code used on all/most pages in one file * page specific code on a separate file I found this setup to work nicely for me. Don't forget about browser caching, if it is cached it won't be downloaded again. This setup will make sure that the response time is quick, as the global files are only downloaded one time Another option is to lazy load the javascript files, but in most cases the advantage wont be that great when compared to the extra work you need to have @Pavlov

The size of the files is only relevant if you setup more than one host for your files.

Most browsers restrict the number of simultaneous connections to the same host, so having multiple files to download can be an huge problem (js + css + images all on the same host can lead to an increased waiting time)

Concurrency seems to be the key when talking about performance.

I usually organize my files in the following way:
* libraries and code used on all/most pages in one file
* page specific code on a separate file

I found this setup to work nicely for me.

Don’t forget about browser caching, if it is cached it won’t be downloaded again.
This setup will make sure that the response time is quick, as the global files are only downloaded one time

Another option is to lazy load the javascript files, but in most cases the advantage wont be that great when compared to the extra work you need to have

]]> By: Todor Pavlov http://www.francodacosta.com/development/make-a-diet-serve-just-one-css-and-one-js/comment-page-1#comment-14545 Todor Pavlov Thu, 26 Apr 2012 07:42:58 +0000 http://www.francodacosta.com/blog/?p=514#comment-14545 Yes, I agree with you - it depends on the size of the files - if they are smaller 2 files will be fine but if they are bigger (jquery, jquery ui, kendo ui, datatables or combination of them) it is best to be separated in more files. Unfortunately there is no silver bullet as you sad and every site should be tested and the best solution implemented Yes, I agree with you – it depends on the size of the files – if they are smaller 2 files will be fine but if they are bigger (jquery, jquery ui, kendo ui, datatables or combination of them) it is best to be separated in more files.
Unfortunately there is no silver bullet as you sad and every site should be tested and the best solution implemented

]]> By: nuno costa http://www.francodacosta.com/development/make-a-diet-serve-just-one-css-and-one-js/comment-page-1#comment-14544 nuno costa Thu, 26 Apr 2012 07:32:11 +0000 http://www.francodacosta.com/blog/?p=514#comment-14544 @Pavlov I don't really agree with with you Serving 4 files instead of one is a performance problem, you will be serving the same amount of data but with the overhead of making 4 network connections. The time it takes to setup a network connection and wait for the first byte to arrive is a considerable slice of the total download time There is no silver bullet when talking about performance. we need to test and see what works best for our specific case, but as a rule of thumb the less files the better @Pavlov

I don’t really agree with with you

Serving 4 files instead of one is a performance problem, you will be serving the same amount of data but with the overhead of making 4 network connections.

The time it takes to setup a network connection and wait for the first byte to arrive is a considerable slice of the total download time

There is no silver bullet when talking about performance. we need to test and see what works best for our specific case, but as a rule of thumb the less files the better

]]> By: Todor Pavlov http://www.francodacosta.com/development/make-a-diet-serve-just-one-css-and-one-js/comment-page-1#comment-14543 Todor Pavlov Thu, 26 Apr 2012 07:19:23 +0000 http://www.francodacosta.com/blog/?p=514#comment-14543 Hi, This is a good idea but is not very efficient because the browser is loading several files at once and if you give him two big files it may take more time to load them. Of course it is good to combine css and js if they are many but they should be combined in more than 2 files (4 or 6) Hi,
This is a good idea but is not very efficient because the browser is loading several files at once and if you give him two big files it may take more time to load them. Of course it is good to combine css and js if they are many but they should be combined in more than 2 files (4 or 6)

]]>