combine css files into single css file and js files into single js file.
Or
you can use these two sites, they will combine your css and js files
http://www.boxjs.com/
http://www.boxcss.com/
you do some thing like this on your site and they will combine files for you
<script src="http://www.boxjs.com/box.js"></script>
Box('http://mywebsite.com/scripts/', [
'plugins/jquery.js',
'plugins/json2.js',
'plugins/jquery-class.js'
]);
similar for css
or write your own code that performs the following
- do not request all your css/js file on top or bottom rather load only those files that are neccessary at the beginning.
- rather create a javascript file that loads each file one after other in sequential order.
There are many strategies that you may choose