10 Ways to Speed Up Your Website – and Improve Conversion by 7%

Think the speed of your website doesn’t matter?

Think again.

A 1-second delay in page load time yields:

  • 11% fewer page views
  • 16% decrease in customer satisfaction
  • 7% loss in conversions (source: Aberdeen Group)

Amazon found this to be true, reporting increased revenue of 1% for every 100 milliseconds improvement to their site speed. (source: Amazon)

So did Walmart, who found a 2% increase in conversions for every 1 second of improvement.

chart showing raised conversions with faster site speed

Image source

That’s not all. A study by Akamai found that:

  • 47% of people expect a web page to load in two seconds or less.
  • 40% will abandon a web page if it takes more than three seconds to load.
  • 52% of online shoppers say quick page loads are important for their loyalty to a site.

But the average website load speed has increased 22% this year, according to a report by Radware.

It now takes 7.72 seconds to load—a far cry from the two-second limit of your average user.

Clearly, speeding up your website is critical—not just to ranking well with Google, but to keep your bottom-line profits high. So today, I’m going in-depth, sharing 10 things you can do to shave seconds off your site speed and enjoy higher profits to boot.

10 things you can do to speed up your site

1. Minimize HTTP Requests

According to Yahoo, 80% of a Web page’s load time is spent downloading the different pieces-parts of the page: images, stylesheets, scripts, Flash, etc. An HTTP request is made for each one of these elements, so the more on-page components, the longer it takes for the page to render.

That being the case, the quickest way to improve site speed is to simplify your design.

  • Streamline the number of elements on your page.
  • Use CSS instead of images whenever possible.
  • Combine multiple style sheets into one.
  • Reduce scripts and put them at the bottom of the page.

Always remember, when it comes to your website, leaner is better.

Pro Tip: Start a campaign to reduce the number of components on each page. By doing this, you reduce the number of HTTP requests needed to make the page render—and you’ll significantly improve site performance.

2. Reduce server response time

Your target is a server response time of less than 200ms (milliseconds). And if you follow the tips in this article, you’re well on your way to achieving this.

Google recommends using a web application monitoring solution and checking for bottlenecks in performance.

Pro Tip: Read this report by Singlehop, Critical Ecommerce Infrastructure Needs, to learn nine things you need to focus on to keep your site performing well.

Then tap into these resources:

  • Yslow – to evaluate your site’s speed and get tips on how to improve performance.
  • Google’s PageSpeed Tools – to learn more about performance best-practice and automate the process.

3. Enable compression

Large pages (which is what you could have if you’re creating high-quality content) are often 100kb and more. As a result, they’re bulky and slow to download. The best way to speed their load time is to zip them—a technique called compression.

Compression reduces the bandwidth of your pages, thereby reducing HTTP response. You do this with a tool called Gzip.

Most web servers can compress files in Gzip format before sending them for download, either by calling a third-party module or using built-in routines. According to Yahoo, this can reduce download time by about 70%.

And since 90% of today’s Internet traffic travels through browsers that support Gzip, it’s a great option for speeding up your site.

Pro Tip: Read this article for more details on Gzip compression. Then set up your server to enable compression:

4. Enable browser caching

When you visit a website, the elements on the page you visit are stored on your hard drive in a cache, or temporary storage, so the next time you visit the site, your browser can load the page without having to send another HTTP request to the server.

Here’s how Tenni Theurer, formerly of Yahoo, explains it…

The first time someone comes to your website, they have to download the HTML document, stylesheets, javascript files and images before being able to use your page. That may be as many as 30 components and 2.4 seconds.

load time for average web page

 

Once the page has been loaded and the different components stored in the user’s cache, only a few components needs to be downloaded for subsequent visits.

In Theurer’s test, that was just three components and .9 seconds, which shaved nearly 2 seconds off the load time.

load time after caching

 

Theurer says that 40-60% of daily visitors to your site come in with an empty cache, so it’s critical that you make your page fast for these first-time visitors. But you also need to enable caching to shave time off subsequent visits.

Pro Tip: Read this article to learn four methods for enabling caching.

Static resources should have a cache lifetime of at least a week. For third-party resources like ads or widgets, they should have a cache lifetime of at least one day.

For all cacheable resources (JS and CSS files, image files, media files, PDFs, etc.), set Expires to a minimum of one week, and preferably up to one year in the future. Don’t set it to more than one year in the future because that violates the RFC guidelines.

5. Minify Resources

WYSIWYG resources make it easy to build a Web page, but they sometimes create messy code—and that can slow your website considerably.

Since every unnecessary piece of code adds to the size of your page, it’s important that you eliminate extra spaces, line breaks, and indentation in your code so your pages are as lean as possible.

It also helps to minify your code. Here’s Google’s recommendation:

  • To minify HTML, you can use PageSpeed Insights Chrome Extension to generate an optimized version of your HTML code. Run the analysis against your HTML page and browse to the ‘Minify HTML’ rule. Click on ‘See optimized content’ to get the optimized HTML code.
  • To minify CSS, you can try YUI Compressor and cssmin.js.
  • To minify JavaScript, try the Closure CompilerJSMin or the YUI Compressor. You can create a build process that uses these tools to minify and rename the development files and save them to a production directory.

6. Optimize images

With images, you need to focus on three things: size, format and the src attribute.

Image size

Oversized images take longer to load, so it’s important that you keep your images as small as possible. Use image editing tools to:

  • Crop your images to the correct size. For instance, if your page is 570px wide, resize the image to that width. Don’t just upload a 2000px-wide image and set the width parameter (width=”570”). This slows your page load time and creates a bad user experience.
  • Reduce color depth to the lowest acceptable level.
  • Remove image comments.

Image format

  • JPEG is your best option.
  • PNG is also good, though older browsers may not fully support it.
  • GIFs should only be used for small or simple graphics (less than 10×10 pixels, or a color palette of 3 or fewer colors) and for animated images.
  • Do not use BMPs or TIFFs.

Src attribute

Once you’ve got the size and format right, make sure the code is right too. In particular, avoid empty image src codes.

In HTML, the code for an image includes this:

<img src=””>

When there’s no source in the quotation marks, the browser makes a request to the directory of the page or to the actual page itself. This can add unnecessary traffic to your servers and even corrupt user data.

Pro Tip: Take time to re-size your images before uploading them. And always include the src attribute with a valid URL.

To ensure your images load quickly, consider adding the WP Smush.it plugin to your website.

7. Optimize CSS Delivery

CSS holds the style requirements for your page. Generally, your website accesses this information in one of two ways: in an external file, which loads before your page renders, and inline, which is inserted in the HTML document itself.

The external CSS is loaded in the head of your HTML with code that looks something like this:

<!—Your styles –>

<link rel=”stylesheet” type=”text/css” media=”all” href=http://yourURL/style.css />

 

Inline CSS is nested in your page’s HTML and looks like this:

 

inline css example

In general, an external style sheet is preferable, because it reduces the size of your code and creates fewer code duplications.

Pro Tip: When setting up your styles, only use one external CSS stylesheet since additional stylesheets increase HTTP requests. Here are a two resources that can help:

Avoid including CSS in HTML code, such as divs or your headings (like the inline CSS pictured above). You get cleaner coding if you put all CSS in your external stylesheet.

8. Prioritize above-the-fold content

Having just recommended that you use only one CSS stylesheet and no inline CSS, there is one caveat you need to consider. You can improve user experience by having your above-the-fold (top of the page) load faster—even if the rest of the page takes a few seconds to load.

Pro Tip: Consider splitting your CSS into two parts: a short inline part that styles above-the-fold elements, and an external part that can be deferred.

9. Reduce the number of plugins you use on your site

Too many plugins slow your site, create security issues, and often cause crashes and other technical difficulties.

Pro Tip: Deactivate and delete any unnecessary plugins. Then weed out any plugins that slow your site speed.

Try selectively disabling plugins, then measuring server performance. This way you can identify any plugins that harm your site speed.

10. Reduce redirects

Redirects create additional HTTP requests and increase load time. So you want to keep them to a minimum.

If you’ve created a responsive website, more than likely, you have redirects in place to take mobile users from your main website to the responsive version.

Pro Tip: Google recommends these two actions to make sure a responsive redirect doesn’t slow your site:

  • Use a HTTP redirect to send users with mobile user agents directly to the mobile equivalent URL without any intermediate redirects, and
  • Include the <link rel=”alternate”> markup in your desktop pages to identify the mobile equivalent URL so Googlebot can discover your mobile pages.

Sound too technical? Don’t worry. This post by VerveSearch helps you navigate your switch to a mobile-friendly website without compromising speed.

The bottom line

Some of these tips are easy to implement, but a few are advanced tactics that can be intimidating if you aren’t technically inclined.

If that’s the case, you might want to get help. Here are a few resources I can recommend:

  • If you like digging in and doing it yourself, Google Developers has useful information that can help you improve site performance.
  • For a done-for-you solution, consider a fully managed server like SingleHop.

Now it’s your turn. Have you come up with a unique way to speed up your website? Share your tips below.

About 

Kathryn Aragon is the former editor of The Daily Egg. She trains service-based businesses in the strategic use of content to take their business to the next level. Check it out at KathrynAragon.com. Follow her on Twitter and Google+.

Comments

  1. Hi Kathryn,

    Thanks for linking back to our blog at globaldots.com/blog/ – you can find a ton of additional web-performance related topics. Website speed influences both conversions and rankings, so it’s imperative that every website is as fast as possible. Feel free to explore the posts and quote some of the findings.

    Cheers,
    Goran

  2. Great post Kathryn
    And a topic I love dearly. In fact I send subscribers to my blog 5 emails, one per week, showing them how to implement some of these very tips (usually the easy ones) so they can really reduce and measure their load speed.
    I agree that it is really important, and Google uses it to rank pages too
    thanks
    ashley

    • Thanks, Ashley. Site speed really is a critical issue, especially since people have less and less patience with slow sites. Some of these tips are complicated–but the good news is, you can see real results doing just the simple ones.

  3. Great post, Kathryn. It’s always good to see site speed posts with specific recommendations,

    I covered a case study here on site speed and it’s impact on conversion rate, which increased by 88% when we made the site faster http://tribes.no/2013/10/28/how-website-speeds-affects-online-sales/

  4. Hi Kathryn,
    Very detailed article on speeding up websites! I’ve already implemented many of the tips like reducing HTTP requests, browser caching, using minify setting etc. still sometimes images slow down my site! as you said, we can’t ignore even a millisecond!
    thanks for sharing!

    • Hi Adithya. Sounds like you’re doing a lot of things right. (I’m impressed!) Have you tried the plugin Smush.it? I’ve heard people say it can make a big difference–if images are the issue, at any rate. Good luck!

  5. Gemma Weirs says:

    Nice article. Just wanted to add a few points about image optimisation.

    “Crop your images to the correct size. For instance, if your page is 570px wide, resize the image to that width. Don’t just upload a 2000px-wide image and set the width parameter (width=”570”). This slows your page load time and creates a bad user experience.”

    These days we have responsive image techniques which you didn’t mention. Responsive image techniques are increasingly becoming important (and preferred) due to increasing mobile device usage.

    “JPEG is your best option.”

    I don’t agree JPEG is simply the best option in every case. Sometimes it’s better to use PNG-24 (and then using a tool like TinyPNG to reduce the file size) especially where maintaining a high image quality is more of a concern. Remember, JPEG uses lossy compression, and PNG uses lossless compression. One example use case for this would be photography portfolios.

    “GIFs should only be used for small or simple graphics (less than 10×10 pixels, or a color palette of 3 or fewer colors) and for animated images.”

    I also disagree with the idea that GIFs are best used with graphics smaller than 10x10px or with 3 or fewer colours. GIF can be used for any size as long as there isn’t any need for transparency, and provided the graphic in question doesn’t require more than 256 colours. I’ve personally found through comparision, sometimes GIFs still end up being a smaller file size than PNG-8s even after using a PNG optimisation tool. But this will vary, so it’s best to check each time.

    There are workarounds for supporting PNG with old browsers like IE6 or below.

    It also helps to use the CSS sprite technique where smaller graphics (logo, icons, buttons, etc) are combined into one big file, and then positioned as required via CSS positioning. This reduces HTTP requests, which in turn improves page speed. To make this easier, there are online tools that allow you to upload a file containing combined graphics, and then they output the necessary CSS. SpriteCow is one such tool.

    Also, using a CDN for hosting video, audio and image files can help.

  6. Thank you for all these great tips!

  7. Hi Kathryn, thank for this guide, I wanted to ask if you had written a guide to loading css from other hosts.

    Thanks

    Fausta

  8. thanks… i am really very happy becoz i get ur article but i need more idea for this topic…. Thanks For Your Information….

  9. Max, thanks for the tip.

  10. Thank you so much Kathryn Aragon…….

  11. Thanks for this one, i had noticed a page on my site slowing up, gave some of the links here a look to see how to optimie my site, thanks.

  12. Servesh Mishra says:

    Hi Kathryn Aragon,
    I have read your blog. it’s very useful for me. i have implemented in our website it’s working faster before than. thanks a lot..

    Thanks
    Servesh Mishra.

  13. Graeme Boulton says:

    Good post Kathryn. What’s your view on using average or median as the best metric to analyise load times?

  14. I have noted that in responsive websites, we do not need a attribute to identify mobile equivalents since the URLs remain the same. Am I right? Or, shall i still incorporate this tag in responsive sites?

  15. Thank you so much, This is very helpfull :)

  16. Hi guys,
    Have been reading up on all your posts, they seem very well informed comments.

    Could anyone recommend a company that specialises in website speed performance that optimizes a website to dramatically improve performance. I need help as I’m not technically inclined and all of this sounds rather technical.

    For anyone that wants to take a look at my site, it’s http://www.abcenglish.nl Would appreciate all the feedback I can get

    Thanks,
    Darren

  17. Ranjeet Great says:

    Thanks for your blog. I learnt so many new things in this blog. Now watching all post of yours.

  18. Very helpful tips, thanks for posting

  19. Hey, the tips are awesome, but being a no-code guy, I dont know how to reduce HHTP requests as you mentioned with the 3 points. Where can I get a easy tutorial on making single stylesheet and stuff?

    • Hi Anchit. I wouldn’t worry about it too much. If you have a WordPress website (or something similar), your stylesheet is built into the template, and unless you’ve added something else, it’s your only stylesheet. When you want to change the appearance of your site, the recommendation is that you make changes to that file rather than putting in-line code in your pages. That extra code, whether in-line or in a second stylesheet, can slow down your site. If you want to learn more about it, I can recommend a book I’ve used: HTML5 and CSS3. For quick reference, I go to W3schools.

  20. may i know that 2.34 load speed is good or bad??

  21. Hey, the tips are awesome

  22. Sandeep Mehra says:

    Hi Kathryn,
    Thanks for sharing this wonderfull and knowledeble article. I have applied all of your tips suggested and it really helps me to Increase my site performance and speed.
    :)
    Thanks & Regards
    Sandeep

  23. prakash chandra nayak says:

    Thank you very much to share your experience

  24. Your welcome, Darong. I’m no expert on CDNs, but there are some good options in this article. Good luck!

  25. Great Article, I Like it. Thanks for sharing this knowledgeable article.

  26. Awesome post. What are your thoughts on using CDN’s like cloudflare, do they reduce HTTP requests? Can’t help but notice you didn’t mention them.

  27. Useful imformation Kathryn! When Page loadig impacts user experience and SERP ranking, then skiping this crucial factor will result in big loss to business.

  28. Hi Kathryn,
    After installation of a new power supply everyting works slow. Does the power supply
    has any effect on this problem ?
    How do I get the PC back to its normal speed. ?

    Thanks

  29. Thank for this . its realy helpful

  30. good tips, it help my to speed up Pasar Kode

  31. Well, such an awesome information you shared with us. Keep sharing regularly.

  32. hi kathryn

    My only tip to anyone willing to speed up their blog is to make use of the Minify-feature found in the W3 Total Cache plugin for WordPress.
    Also make sure you try out cSprites for WordPress.
    Thanks you for sharing own thinking

  33. Thanks For Interesting Article.

  34. Great article. Something that is very useful for some one who is new to seo. Thanks a ton.

  35. Admin, great post. My all doubts are cleared from you. Please tell me that if i have website for India. Then hosting taken from India will speed up my website or not.

  36. Is there any plugins who help in this regard as I m not a developer nor can hire someone

  37. What a wonderful resources on website seed optimization. The post is educative and informative.

  38. James Flores says:

    Thanks for the advice. A lot of other places are using Google’s Page Insights too.

  39. hey ,
    this is nice post, I have a big problem of loading my website very late,
    hopefully this article help me lot.
    thanks once again for this information.

  40. Speed is critical. Everyone likes things fast. Why the wait? Speed optimizing any website will give it an extra edge over its competition. I always implement speed optimization to all my clients regardless if they pay for it or not.Speed optimizing a website should be essential but not all web developers are implemtenting such practice. Would this also effect ranking? I do think that google may consider this as part of their ranking algorithm.

    • Sebastian, you’re right about the importance of site speed–and I love that you optimize for it even if it wasn’t paid for. It is one of the things Google uses to evaluate a site, so it matters more than some may think. Thanks for joining the conversation!

  41. Hey Kathryn

    Great Artical!!!!!It made my day…Good Work Done..

  42. Thanks for the valuable information

  43. Great article and this article’s ranking going well for several months because you written it very well and following quicksprout’s article too.

  44. Thanks for sharing your valuable information on your site, I will try this

  45. Great post, keep it up

  46. Thanks a milion of that article, please advise if there is any site could make analysis of the my site yallabook.com and advise how to speed it, it takes more than 9 sec. my web developer say it fine but i feel something wrong.

    Best regards

    • Hi Amr. I agree with you that 9 seconds is long and you do need to try to speed up your site. It’s difficult to assess what’s wrong, though, from the front end. So many of the things that slow down a site have to do with the code, image sizes, and hosting. To start, I’d check on a content deliver network and image sizes. Good luck!

  47. Hye Kathryn! I would like to say thanks for this priceless article. I have done lots of things to increase my website speed but still got nothing helpful. Now, I’m gonna try your way. Let’s see the result.

  48. hey thanks for the tips and tricks … my site is loading in 1.5 sconds now !
    😀

  49. Hi Kathryn, thanks for the insigth, our website had a good speed but it got better, we are determined to push the limits of every solution we made and now our company’s website is show 100% performance, check it out at NewJawa.co.uk

    Thanks again for the article
    NewJawa,
    Make life easier

  50. Your article got my query resolved with a single click. Thanks for the indebt assistance rendered.

  51. Abhijeet Bhosale says:

    Nice Article Kathryn.. Thank you:)

  52. Great work Kathryn!
    piece of great material :)

    Thanks

  53. peter decosta says:

    Thanks a lot Kathryn for this great article.. such a great explanation and solutions.. I am sure this will help me a lot in reducing my site load time… because website load time is what make or break your online presence especially when you are in a competitve market like news, entertainment or sports for instance..

  54. Mark Leverett says:

    Hi Kathryn,

    I’m new to this optimization thing and tested my site with several speed testers (giftofspeed.com and gtmetrix.com) and just now realize how slow my site actually is. I’ve implemented some of your tips and I’ve already sped my site up by 50%!! Just wanted to say thanks!

  55. hey ,
    this is nice post, I have a big problem of loading my website very late,
    hopefully this article help me lot.
    thanks once again for this information.

  56. Thanks a milion of that article, please advise if there is any site could make analysis of the my site yallabook.com and advise how to speed it, it takes more than 9 sec. my web developer say it fine but i feel something wrong.

    Best regards

  57. Thanks so much .. Please check out simple website..

  58. RENJITH V S says:

    Nice article Kathryn. Keep going all the best.

  59. Most helpful post I’ve read in a while. I try to use more CSS than Images. I think I did a pretty good job in making the website appealing with different colors instead of pictures. The home page loads within 2 seconds :)

  60. Thanks for the great tips, Kathryn, and I’d like to share some ideas of my own.

    1, When it’s possible, host sites on a dedicated server with SSD hard drive, and 1Gbps port.

    2, Use a fast web server such as LiteSpeed, nginx.

    3, Use NoSQL to replace MySQL.

    4, Combine multiple images using an online CSS sprite generator, then optimize this image with an image optimizer such as TinyPNG.com, Resizeimage.net

    5, Use an image hosting site to host your images if your sites are hosted on a shared hosting server. Or use a CDN.

    6, If you have a WordPress website, you can install the WordPress plugins that allows to optimize your images automatically.

    7, Block spammers that access your server frequently.

    8, Kill these processes that use too much CPU or memory resources with scripts.

  61. Really an awesome tutorial , Really in depth One of my site is fast when non-www and very slow when i tested with www on pingdom

    What may be the reason ?

    Thanks

    • I’m not sure. That seems backwards to me. Aliases can take longer, and the more aliases you have, the more they can affect your site speed. Maybe you need to talk to your host or DNS server.

  62. Thanks Kathryn Aragon
    It’s very useful for me. By the way, how many plugin are used for this blog?

  63. When it comes to speeding up a website speed I find 2 kinds of plugins the best and yields 80-90% of the results – CSS compression and optimizing images. The rest help but to a smaller extent.

  64. great speed increasing tricks

  65. This post is very good for me.
    6/10 I’ve been following the way that you guide. The results were amazing. My site was faster than 30% as assessed by Google.
    Thank you very much. I love you.

  66. Amazing article. I was confused about my site’s slow loading speed and so I landed on this page finding solutions. Used some ideas and find them extremely useful. Thanks for help.

  67. Amazing info. Thanks.

  68. great tip – To ensure your images load quickly, consider adding the WP Smush.it plugin to your website.

    I’ve been using that for clients and my own websites.

    but recently WP smush.it run by Yahoo was closing it’s doors. (news source: geekwire.com/2015/web-developers-left-scrambling-after-yahoo-kills-smush-it-image-optimization-service/)

    do you have any alternatives?

    Also we have linked to this blog from our ecommerce conversions blog post here (teamprojectmayhem.com/blog/quick-e-commerce-fixes-that-can-significantly-increase-your-conversions/?id=spooon) as a resource for load time fixes.

  69. If you use more plugins. They will make your website slow. You should use helpful plugin for your site.

  70. Nowadays, only few websites are having problems with slow page loading. I bet they must have considered what you’ve mentioned in this article. And definitely will apply these to speed up my website. Thanks!

  71. Thx KATHRYN this article is very helpful to me to decrease average load time on my website.

  72. I’m not so sure I agree with using CSS instead of images to speed up your website. Maybe in some instances. But the CPU renders CSS and it has to parse your CSS before it does so. Depending how much CSS you are using like opacity, box shadows, and so on, it has to paint it every time something happens. This is why a lot of times when beginners try to make responsive sites, they are slow.

  73. i followed your tips and getting improvements.

  74. Can’t agree more on how a faster server response speed affect the user experience and search engine ranking. This is very useful piece of post! Thank you!

Comment Policy:

Please join the conversation! We like long and thoughtful communication. Abrupt comments and gibberish will not be approved. Please, only use your real name, not your business name or keywords. We rarely allow links in your comment. Finally, please use your favorite personal social media profile for the website field.

Speak Your Mind

*