Search code examples
javascripthtmlcsspageload

How to decrease the page load time when multiple css are used

How can i decrease the page load time when using multiple CSS and Javascript files. In my website home page i have used about 6 javascript and 3 css files i know these many files can cause the page load to take time.

files which i used are :

js

<script src="js/jquery.slides.min.js"></script>

<script src="js/jquery-1.11.1.js"></script>

<script src="js/modernizr.js"></script>

<script src="js/prefixfree.min.js"></script>

<script src="js/respond.js"></script>

<script src="js/lightbox.js"></script>

css

<link href='css/style.css' rel = 'stylesheet' type='text/css' media="screen"> <link href='css/reset.css' rel = 'stylesheet' type='text/css' media="screen"> <link href='css/lightbox.css' rel = 'stylesheet' type='text/css'>

How can i reduce the page load time without removing any files?.

Solution

  • you can use jsCompressor to compress and minify multiple JavaScript files and CSS Compressor to compress/minify multiple Css files into one file.