2

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?.

Padmanathan J
  • 4,614
  • 5
  • 37
  • 75
  • Just combine them? Are they minified? Also, where are your ` – Ry- Jul 28 '14 at 04:21
  • Possible duplicate: http://stackoverflow.com/questions/9287823/combine-and-minify-multiple-css-js-files – Flight Odyssey Jul 28 '14 at 04:22
  • @minitech no they are not minified –  Jul 28 '14 at 04:22
  • use minified JS files.write all the css in single page instead of multiple files. – user3494837 Jul 28 '14 at 04:22
  • thank for the information i will minify CSS and JS and use them –  Jul 28 '14 at 04:24
  • @FlightOdyssey i checked out your link it had all the info i needed –  Jul 28 '14 at 04:26
  • After minify Gzip your CSS and JS file. this comparison will help you. http://stackoverflow.com/questions/16196358/why-do-people-minify-css-and-javascript-when-we-have-gzip – Kheema Pandey Jul 28 '14 at 04:26
  • @KheemaPandey wil Using Gzip in a responsive web site have any issues or problems?. –  Jul 28 '14 at 04:40
  • yahoo `Yslow` component suggest using gZip format for CSS and JS. – Kheema Pandey Jul 28 '14 at 04:44

3 Answers3

1

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

Jitendra
  • 1,107
  • 2
  • 12
  • 22
0

You can do other things as well like converting your links to base64 to reduce http requests.

Motsim Mansoor
  • 11
  • 2
0

Use W3 total cache plugin for wordpress and minify JS and CSS both from W3 Total Cache

Aqib Ibrahim
  • 119
  • 1
  • 1
  • 5