Jump to content


Photo

Page loading speed


  • Please log in to reply
14 replies to this topic

#1 Jmarton1

Jmarton1

    Forum Newcomer

  • Members
  • Pip
  • 58 posts

Posted 27 September 2013 - 10:40 AM

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 !



#2 D4Y0

D4Y0

    Privileged

  • Privileged
  • PipPipPipPip
  • 929 posts
  • Gender:Male
  • Location:St Neots, England
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 27 September 2013 - 11:31 AM

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....ite-example.gif)
- optimize images


#3 rallport

rallport

    Laravel 5 Rocks

  • Moderators
  • PipPipPipPipPipPip
  • 5,930 posts
  • Gender:Male
  • Location:England, UK
  • Experience:Web Guru
  • Area of Expertise:Web Developer

Posted 29 September 2013 - 11:54 AM

A decent htaccess file will help too. Take a look at the html5boilerplaye one. There are also caching solutions like APC - have a read up about em.



#4 BlueDreamer

BlueDreamer

    Web Guru

  • Moderators
  • PipPipPipPipPipPip
  • 7,451 posts
  • Gender:Male
  • Location:Northampton (where?)
  • Experience:Advanced
  • Area of Expertise:Web Developer

Posted 29 September 2013 - 04:03 PM

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



#5 jamesosix

jamesosix

    Web Guru

  • Privileged
  • PipPipPipPipPip
  • 1,165 posts
  • Gender:Male
  • Location:South Wales
  • Experience:Intermediate
  • Area of Expertise:Designer

Posted 29 September 2013 - 08:25 PM

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


Edited by jamesosix, 29 September 2013 - 08:26 PM.


#6 neil0wen

neil0wen

    Web Guru

  • Privileged
  • PipPipPipPipPip
  • 1,147 posts
  • Gender:Male
  • Location:East Sussex
  • Experience:Nothing
  • Area of Expertise:SEO

Posted 01 October 2013 - 06:59 PM

Have you GZIPPED your website yet?



#7 cornwallis

cornwallis

    Forum Newcomer

  • Members
  • Pip
  • 8 posts

Posted 04 October 2013 - 11:21 AM

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.seas%20%288%29.gif


Edited by cornwallis, 04 October 2013 - 11:32 AM.


#8 Jmarton1

Jmarton1

    Forum Newcomer

  • Members
  • Pip
  • 58 posts

Posted 04 October 2013 - 11:45 AM

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



#9 DorianBass

DorianBass

    Forum Newcomer

  • Members
  • Pip
  • 35 posts
  • Gender:Male
  • Experience:Intermediate
  • Area of Expertise:Web Developer

Posted 09 October 2013 - 10:42 AM

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.co...ebsites-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.



#10 hostmedia

hostmedia

    Advanced Member

  • Members
  • PipPipPip
  • 359 posts
  • Gender:Not Telling
  • Location:United Kingdom
  • Experience:Web Guru
  • Area of Expertise:System Administrator

Posted 09 October 2013 - 11:19 AM

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)



#11 VincenG

VincenG

    Forum Newcomer

  • Members
  • Pip
  • 98 posts
  • Gender:Male
  • Experience:Nothing
  • Area of Expertise:Designer

Posted 21 October 2013 - 01:50 PM

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 by VincenG, 21 October 2013 - 01:52 PM.


#12 I.D.dev

I.D.dev

    Forum Newcomer

  • Members
  • Pip
  • 27 posts
  • Gender:Male
  • Location:London
  • Experience:Nothing
  • Area of Expertise:Designer

Posted 24 October 2013 - 11:34 AM

I had issues with Concrete 5 loading pages very slowly, anyone with the same problem follow this guide, it works wonders: http://andrewembler....concrete5-site/



#13 rbrtsmith

rbrtsmith

    ReferenceError

  • Privileged
  • PipPipPipPipPip
  • 4,013 posts
  • Gender:Male
  • Location:Manchester, UK
  • Experience:Nothing
  • Area of Expertise:Web Developer

Posted 29 June 2017 - 09:33 AM

Thanks for raising this thread from the dead...



#14 TimW

TimW

    Advanced Member

  • Members
  • PipPipPip
  • 258 posts
  • Gender:Male
  • Location:West Country
  • Experience:Intermediate
  • Area of Expertise:Nothing

Posted 29 June 2017 - 09:39 AM

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.



#15 shafiq

shafiq

    Forum Newcomer

  • Members
  • Pip
  • 28 posts

Posted 29 August 2017 - 06:10 AM

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






0 user(s) are reading this topic

0 members, 0 guests, 0 anonymous users