What are the best practices for redcing the page loading time, how we can make the website loading speed fast. Please share your experience. Thanks in advance !

There are several things you can do, some of the most common ones are:

- Minify CSS/JS (only for your live enviroment, keep a clean version for development as a minifyed source code is hard to work with)

- Try to put all CSS/JS in as few files as possable

- You can use an image sprite for all your template images so it only sends one http request and not several (an example: http://en.wikipedia.org/wiki/File:Sprite-example.gif)

- optimize images

Here's a few things:

 

1. Use a decent web host

- many cheap hosts oversell their servers which can slow down response times

 

2. Reduce http requests

- use image assets sparingly, if your design is image heavy that will add to http requests

- use content images sparingly, only use what the visitor really needs

- use an icon font instead of image based icons

- don't use multiple stylesheets, if you have more than one combine them into a single document

 

3. Javascript

- if you use javascript libraries and plugins always use the minified versions, then also minify/combine into one download as well

- only call JS + plugins on pages you actually need them

- consider using hosted libraries whenever possible as it's likely your visitors will already have them cached

 

4. CSS

- reuse styles where you can to keep the file size down

- minify CSS

 

5. HTML

- write clean code to keep document size down, all those DIV's can add up and increase documents size and render time

 

6. Images

- optimise!

- use the correct format, eg .jpg for photo based images, .png for others

if you use wordpress you can get a cache plugin. I'd speak to your host to make sure gzip is enabled too.

Edited September 29, 201312 yr by jamesosix

Have you GZIPPED your website yet?

Here's a few things:

 

1. Use a decent web host

- many cheap hosts oversell their servers which can slow down response times

 

2. Reduce http requests

- use image assets sparingly, if your design is image heavy that will add to http requests

- use content images sparingly, only use what the visitor really needs

- use an icon font instead of image based icons

- don't use multiple stylesheets, if you have more than one combine them into a single document

 

3. Javascript

- if you use javascript libraries and plugins always use the minified versions, then also minify/combine into one download as well

- only call JS + plugins on pages you actually need them

- consider using hosted libraries whenever possible as it's likely your visitors will already have them cached

 

4. CSS

- reuse styles where you can to keep the file size down

- minify CSS

 

5. HTML

- write clean code to keep document size down, all those DIV's can add up and increase documents size and render time

 

6. Images

- optimise!

- use the correct format, eg .jpg for photo based images, .png for others

I working with classified website its has 8 lakhs products so website load time increase day by day . reduce website load time if i follow your instructions.

Edited October 4, 201312 yr by cornwallis

I would like to thanks to all of your for sharing valueable comments, I will learn lot form your knowledge and experience.

Compressing your images is a good place to start, they are usually the biggest components on any site. Both GIMP and Photoshop have 'save for web' options which can really make a difference (or there are various options online if you prefer).

 

There's a great screencast on css-tricks about making your site faster, check it out:

http://css-tricks.com/video-screencasts/114-lets-do-simple-stuff-to-make-our-websites-faster/

 

If none of the suggestions made above improve things enough for you, you might want to consider if its appropriate to load some of your content dynamically:

 

For example, you could experiment with 'lazy-loading' some of your images, i.e. delaying the download of some images to the client until the rest of the page is ready. There are tons of tutorials around about how to do this.

You might want to get some stats on what is making your site not load as fast. Page speed test: http://tools.pingdom.com/fpt/

This is really handy tool! One tip hat really does help is hosting your common JS/CSS files on a CDN (example: jQuery)

 

1. Use a decent web host

- many cheap hosts oversell their servers which can slow down response times

 

2. Reduce http requests

- use image assets sparingly, if your design is image heavy that will add to http requests

- use content images sparingly, only use what the visitor really needs

- use an icon font instead of image based icons

- don't use multiple stylesheets, if you have more than one combine them into a single document

 

3. Javascript

- if you use javascript libraries and plugins always use the minified versions, then also minify/combine into one download as well

- only call JS + plugins on pages you actually need them

- consider using hosted libraries whenever possible as it's likely your visitors will already have them cached

 

4. CSS

- reuse styles where you can to keep the file size down

- minify CSS

 

5. HTML

- write clean code to keep document size down, all those DIV's can add up and increase documents size and render time

 

6. Images

- optimise!

- use the correct format, eg .jpg for photo based images, .png for others

 

I recommend everything that is said by BlueDreamer and you can also check your website performance by using GTmetrix tool. You will get a score from 0 to 10 (best performance), and get suggestions where you can improve.

Edited October 21, 201312 yr by VincenG

I had issues with Concrete 5 loading pages very slowly, anyone with the same problem follow this guide, it works wonders: http://andrewembler.com/posts/5-easy-ways-to-speed-up-a-concrete5-site/

Thanks for raising this thread from the dead...

Thanks for raising this thread from the dead...

Especially since you have nothing to say and have just googled and copy pasted off some '10 ways to make your page load faster' article.

Minify your Java, CSS scripts. Optimize images below 200kb. May be in some cases, we couldn't do it. But optimize images as much you can. You can see other methods once you check your website using Google Page Speed Insight