Go Back   CodingForums.com > :: Client side development > General web building

Before you post, read our: Rules & Posting Guidelines

Reply
 
Thread Tools Rate Thread
Enjoy an ad free experience by logging in. Not a member yet? Register.
Old 11-01-2012, 04:12 PM   PM User | #1
filmmaker1996
New to the CF scene

 
Join Date: Oct 2012
Posts: 3
Thanks: 0
Thanked 0 Times in 0 Posts
filmmaker1996 is an unknown quantity at this point
What can be done to increase load time?

Currently, my website takes 4 seconds to load on a high-speed computer. I can't imagine what it would take on a dial-up connection. Is there any immediate fix I can do to increase load time? The website is http://www.bswake.com. Thanks!
filmmaker1996 is offline   Reply With Quote
Old 11-01-2012, 07:19 PM   PM User | #2
oracleguy
Rockstar Coder


 
Join Date: Jun 2002
Location: USA
Posts: 9,043
Thanks: 1
Thanked 322 Times in 318 Posts
oracleguy is a jewel in the roughoracleguy is a jewel in the roughoracleguy is a jewel in the rough
It loads pretty fast for me however there are a few things you could probably do to reduce the size of the page. For example under the best sellers on the front page, each of those thumbnail images is around 40KB each. When I look at the image directly I can see that it is much bigger than the actual thumbnail size. If you generated more appropriate sized images for those, you could probably save around 100KB.

Unrelated to your question though when viewing your site at the top, your address text is on top of the text about how to size up for updates and discounts. I'm using Firefox 16.
__________________
OracleGuy
oracleguy is offline   Reply With Quote
Old 11-02-2012, 02:14 AM   PM User | #3
Redcoder
Regular Coder

 
Redcoder's Avatar
 
Join Date: May 2012
Location: /dev/couch
Posts: 309
Thanks: 2
Thanked 46 Times in 45 Posts
Redcoder has a little shameless behaviour in the past
Leverage browser caching: specify expiration dates for css, js and images to be greater than one week. This reduces fetches for new content every time the user reloads the page.

Specify image dimensions. Your images don't have dimensions therefore the browser has to spend time calculating the image dimensions from the image metadata. This takes time. Just specify <img width='' height=''.

If possible combine images into CSS sprites. In your site, all images have to be downloaded each. In most browsers, images from the same domain are not allowed more than 4 each to be downloaded at the same time. Better, use a CDN to allow for parallel downloads.

Minify your CSS. Many IDEs e.g PHP Designer offer minifying features. That reduces the CSS file sizes thus a smaller file to download.

Minify Javascript too.

Serve scaled images as OracleGuy suggested. Instead of having the HTML and CSS scale it for you.

For JS and CSS files which have little lines of code in them , just inline the code instead i.e put it in the main HTML/PHP file. This reduces the need to fetch/download multiple files and instead download one large file.
__________________
For professional Hosting and Web design.....


NetEssentials.co.uk

Last edited by Redcoder; 11-02-2012 at 02:08 PM..
Redcoder is offline   Reply With Quote
Old 11-02-2012, 07:20 AM   PM User | #4
kevin619
New Coder

 
Join Date: Apr 2011
Location: California
Posts: 37
Thanks: 0
Thanked 1 Time in 1 Post
kevin619 is an unknown quantity at this point
Improving your sites page load times is not easy, and can be a bit of an art. Every web page is unique and appeals to a different audience. Optimization techniques that work well for sites with a global audience may actually have a negative effect for sites with a localized audience. Sites with just a few images will benefit more from certain techniques, while sites with lots of images will benefit from others. We've developed an online reporting solution to help make sense of it all and prove what's best for you. In this article we attempt to summarize these findings.
kevin619 is offline   Reply With Quote
Reply

Bookmarks

Tags
bswake, css, html, javascript, speed

Jump To Top of Thread


Thread Tools
Rate This Thread
Rate This Thread:

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump


All times are GMT +1. The time now is 08:32 PM.


Advertisement
Log in to turn off these ads.