Speed Up Your Website

Speed Up Your Website and Boost Conversions

by Brandon Eley on May 13, 2011

How long does it take your home page to load? How about your product or offer pages? Chances are you don’t know. I didn’t know before recently, either.

A slow website isn’t just annoying to your visitors, it could be detrimental to your site’s conversion rate too. Tests at Amazon found that every 100ms increase in load time of Amazon.com decreased sales by 1% (Kohavi and Longbotham 2007). For those that aren’t math-inclined, 100ms is one-tenth of a second. So, every second that it takes Amazon.com’s pages to load costs them 10% in sales.

Let me say that again…

Every second of load time decreases sales by 10%.

You could reverse that statement and it would also be true. For every second you decrease load time, you could expect a significant increase in conversions. Every website is different, and you may not see the same drastic numbers that Amazon.com does, but its very likely you’ll see a significant improvement nonetheless.

So how do you speed up your website?


The first step is to have a baseline to work from. You have to know how long your website currently takes to load. There are several tools that can help you determine this.

Determining Your Website’s Speed

The problem with just visiting your website and timing how long it takes to load is that everyone has different connections to the Internet, ranging from slow dial-up modems to ultra-fast 50 Mbit fiber connections.

WebsiteOptimization.com has a tool that will show you not only the file size of your page, but also an estimate of how long it takes to view on various connections such as a T1 line and 56k modem. It will also show you the total number of http requests.

Yahoo! YSlow is a Firefox plugin that integrates with Firebug and gives you a grade (A to F) and gives suggestions on how to improve your site’s speed. Google Page Speed is a similar service that ranks your website on a 100-point scale.

Once you know how many total HTTP requests your website makes, and how long it takes to load on various different connection speeds, you’re ready to start making your website faster!

Client-Side Optimization

There are two different types of optimization, client-side and server-side. Depending on your web host, you may not be able to make some of the server-side changes but everyone can follow these client-side suggestions.

Reduce the Total Number of HTTP Requests

Web browsers can only make two (2) simultaneous connections to a fully qualified domain name. In simple English, that means that browsers download files from your website two-at-a-time. Wen you think about the number of files that a browser has to download per webpage, there is a lot of back and forth getting files, waiting, getting more files, and waiting. Reducing that number of files can significantly decrease total download time.

There are several ways to reduce the total number of HTTP requests, some of which we’ll cover in other sections as well. Here are a few suggestions:

  • Use CSS Sprites and ImageMaps
  • Combine or Concatenate JavaScript and CSS files
  • Remove any unneccessary images, JavaScript and CSS

Compress JavaScript and CSS

White space and comments in large JavaScript and CSS files can take up a lot of space. As an illustration, jQuery offers two versions — an uncompressed and a minified, compressed version.

Uncompressed jQuery: 184 Kb
Minified jQuery: 78 Kb

The compressed version is 58% smaller!

You can compress your scripts and stylesheets manually using the Yahoo! YUI Compressor. There is also an online compressor tool using the YUI Compressor.

Optimize Your Images

On a lot of websites, images (including backgrounds) make up a significant portion of the total download footprint. Photoshop and other image manipulation appliations can optimize graphics for the web, with very little (or no) decrease in quality.

Even after optimizing in your image editing program, you can decrease the filesize of graphics even more using Smush.it, a free web service.

Avoid Inline CSS

Most inline CSS is repetitive. Fonts and text styles should be set globally using id’s and classes, rather than in individual styles. Most times you think you may only need a style once, you could actually reuse some (if not all) of it by creating a class.

Design Using CSS3

CSS3 offers several new design and layout features that can significantly reduce download time. Not all browsers support CSS3, but features such as rounded corners are often simply a “nice to have” anyway. In some cases you may be able to use CSS3 for these effects, with the basic CSS2 display in older browsers. As more and more browsers support CSS3 effects, the number of people seeing the fallback design would decrease.

CSS at top, JavaScript at bottom

Web browsers can only download two files at a time, except when downloading scripts. Then it’s just one at a time. And on top of that, JavaScript libraries are often very large, your JavaScript could be slowing down your website significantly. Moving the scripts to just above the closing body tag could decrease the perceived load time of your pages, because the scripts would download last, after the rest of the page was displayed.

This won’t work with all websites, but is a great way to speed up your site if you can.

Server-Side Optimization

Merge CSS and JavaScript Files

Using PHP (or another server-side language), combine your styles and/or scripts before sending them to the browser. For example, create a styles.css.php file with includes for each of your stylesheets:


<?php
include('reset.css');
include('text.css');
include('master.css');
?>

Server-Side CSS and JavaScript Compression

Minify is a PHP5 script that combines multiple CSS or Javascript files, removes whitespace and comments, and serves them with gzip encoding and optimal client-side cache headers. Concatenating and compressing all your JavaScript and CSS files can speed up your website by reducing the number of HTTP requests and by significantly reducing the file size sent.

You can also compress your JavaScript or CSS using the Yahoo YUI Compressor, a command-line script that can be integrated into virtually any server-side setup.

Web Server Caching

The idea behind caching is simple – only serve a visitor a file once. Unfortunately, most websites don’t have any kind of caching enabled, so they serve up every image, stylesheet and web page every single time a visitor requests them. You can save a significant amount of data transfer and speed up visitors’ downloads by enabling and using caching.

WebsiteOptimization.com has a comprehensive guide to caching with three different ways to enable caching on your website, including ways that will work even if you don’t have access to change your server configuration.

Gzip Compression

Using server-side compression can reduce the web server’s response size by up to 70%. Better yet, Apache web server has built-in support for Gzip compression. Apache 1.3 uses the mod_gzip module and Apache 2.x uses the mod_deflate module. You will need access to change your server configuration to enable compression, but this alone could make a VPS or dedicated server worth it.

Determining Optimization Success

Once you’ve sped up your website, how do you know if it helps? What metrics should you track to ensure your changes are making a difference?

Number of HTTP Requests: Every HTTP request takes valuable server resources. A typical dedicated server may only allow 200 concurrent connections in Apache, and a single web page could take 30 or 50 requests after you consider the page itself, images, scripts, and stylesheets that must load.

Load Time: Use a tool like the Web Page Speed Report to check your site’s load time before and after optimization to measure improvement.

Download Size: The Web Page Speed Report can also show the total download size of your page, including all the assets. Using image optimization, Gzip compression and JavaScript and CSS compression, you should significantly reduce the file size of your pages.

Check Your Score: Both Yahoo and Google offer tools for measuring the overall optimization and speed of your website. These tools will also give you recommendations (similar to those found in this article).

Additional Resources

Yahoo Performance Rules
25 Ways to Speed Up Your Website
15 Tips to Speed Up Your Website and Optimize Your Code
The Psychology of Website Performance
Make Your Websites Run Faster

Like this post? Share it or subscribe to our article feed...

{ 23 comments… read them below or add one }

google plus app download June 26, 2014 at 4:55 pm

Excellent post! We will be linking to this particularly great post
on our site. Keep up the good writing.

luke bryan luke bryan luke bryan June 30, 2014 at 8:55 pm

Humorous! Great post

dentist search Wake Forest NC July 6, 2014 at 5:34 am

Hi there to all, the contents existing at this web page
are genuinely remarkable for people experience, well, keep up
the good work fellows.

twitter followers July 6, 2014 at 8:25 pm

When I initially commented I seem to have clicked on the
-Notify me when new comments are added- checkbox
and now whenever a comment is added I receive 4 emails with the same comment.
Is there a way you are able to remove me from that service?

Kudos!

ways to make extra money July 7, 2014 at 3:39 pm

My family members every time say that I am wasting
my time here at web, except I know I am getting know-how
everyday by reading such good articles.

asphalt driveway prices allentown pa July 9, 2014 at 9:23 pm

Do you mind if I quote a few of your articles as long as I
provide credit and sources back to your website? My blog is in the very same niche as yours and my users would genuinely benefit
from a lot of the information you present here.
Please let me know if this alright with you. Thanks!

ripoff report arbitration July 9, 2014 at 11:06 pm

This is my first time pay a visit at here and i am
actually pleassant to read everthing at alone
place.

contractor surety bonds July 10, 2014 at 5:46 pm

I enjoy what you guys tend to be up too. This type of clever work and coverage!
Keep up the excellent works guys I’ve included you guys to
my personal blogroll.

ripoff report scam July 10, 2014 at 9:41 pm

My partner and I stumbled over here coming from a different website and
thought I might as well check things out. I like what I see
so now i am following you. Look forward to finding out
about your web page yet again.

http://www.diplomatgolfresortandspa.com/ July 15, 2014 at 3:09 am

Great blog! Do you have any tips for aspiring writers?
I’m planning to start my own website soon but I’m a little
lost on everything. Would you suggest starting with a free platform like WordPress or go for a
paid option? There are so many options out there that
I’m totally confused .. Any recommendations? Appreciate it!

help you get pregnant July 15, 2014 at 6:23 am

What’s up to every , as I am actually keen of reading this
weblog’s post to be updated regularly. It contains fastidious information.

Parcel Post To Canada Chilliwack July 16, 2014 at 5:14 am

Good day! Do you know if they make any plugins to assist with Search Engine Optimization? I’m trying to
get my blog to rank for some targeted keywords but I’m
not seeing very good results. If you know of any please share.
Thanks!

Shipping Quote Aldergrove July 18, 2014 at 5:37 pm

What’s Going down i am new to this, I stumbled upon this I’ve
discovered It positively helpful and it has aided me out loads.
I’m hoping to give a contribution & aid different users like its
aided me. Good job.

ciclismo en puerto rico July 19, 2014 at 11:04 am

Hi there this is kind of of off topic but I was wondering if blogs use WYSIWYG editors or if you have to manually code
with HTML. I’m starting a blog soon but have no coding know-how
so I wanted to get advice from someone with experience.
Any help would be greatly appreciated!

tooth implants Elk Grove July 19, 2014 at 4:41 pm

Thanks for finally talking about >Speed Up Your Website and Boost Conversions | Online
Marketing Inside Out Blog <Liked it!

dental bridge Elk Grove July 19, 2014 at 4:54 pm

Thanks a bunch for sharing this with all of us you actually know what you’re talking
approximately! Bookmarked. Please also talk over with my web site
=). We will have a hyperlink exchange contract among us

veneers before and after Elk Grove July 19, 2014 at 5:22 pm

Everything is very open with a really clear description of the issues.
It was really informative. Your website is extremely
helpful. Many thanks for sharing!

false teeth Elk Grove July 19, 2014 at 5:26 pm

Great post. I was checking constantly this blog and I’m impressed!
Very useful info specifically the last part :) I care for such info a lot.
I was seeking this particular information for a long time.
Thank you and good luck.

root canal teeth Elk Grove July 19, 2014 at 5:31 pm

Very good information. Lucky me I recently found your blog by chance (stumbleupon).

I’ve bookmarked it for later!

business voip phone service New York July 20, 2014 at 4:05 pm

Nice blog here! Also your web site loads up fast! What web host are you using?
Can I am getting your associate hyperlink in your
host? I desire my web site loaded up as fast as yours lol

Lawyer Fees In Peoria Il July 20, 2014 at 7:43 pm

What i do not understood is in truth how you’re no
longer actually a lot more well-appreciated than you might be now.
You are very intelligent. You recognize therefore considerably
with regards to this topic, made me in my opinion imagine it
from so many varied angles. Its like men and women aren’t fascinated until it is one thing to do with
Woman gaga! Your personal stuffs excellent. Always take care of it up!

Lawyer Yellow Pages In Peoria Il July 22, 2014 at 12:15 am

Link exchange is nothing else however it is only placing the other person’s weblog link on your page at suitable place and other
person will also do similar in favor of you.

get a bigger butt July 24, 2014 at 2:09 pm

May I simply say what a relief to find somebody who truly
understands what they’re discussing online. You definitely
know how to bring an issue to light and make it important. A lot more people
should look at this and understand this side
of your story. It’s surprising you aren’t more popular given that you most certainly
have the gift.

Leave a Comment

Previous post: