How Your Website Loses 7% of Potential Conversions

  |  July 29, 2011   |  Comments

Google +1, Facebook Like, and other plug-ins increase a website's load time. What's a marketer to do?

Download speed matters. A one-second delay could result in 7 percent fewer conversions, 11 percent fewer page views, or even a 16 percent decrease in customer satisfaction. Over the last 15 years, I've told that to clients and it's been confirmed by third-party research. So if speed affects business results, then why would you add a second to a page's load time?

infographic4-strongloop

 

The Google +1 button and the Facebook Like button add over one second of load time to your page, according to a recent research study by TagMan, a tag management and acceleration company. Of course, visitors clicking on +1s will impact rankings. That's why you'll want to add the code to your website.

infographic5-strongloop

To complicate things further, Google for years has been telling anyone who will listen that website speed is as an important factor in determining rankings. "One of the 10 things we hold to be true here at Google is that fast is better than slow. We keep speed in mind in all things that we do, and the +1 button is no exception," according to a post published this week on Google's Webmaster Central Blog.

It's not just buttons. There are many other things affecting load times on your website. It doesn't matter if you are an e-commerce website, a major publisher, blogger, or a straightforward lead generation site. Site speed increasingly has an impact on your business, especially as the share of mobile traffic increases as a percent of visitors to your website.

Several influential people (SEOs and marketing execs) have shared with me that getting load time under the two-second load time mark, as Google recommends, has improved rankings significantly. So it's bewildering that nearly half (49 percent) of the top 500 online retailers have page-load times exceeding three seconds, according to Internet Retailer.

So how do you get your site and these plug-ins to load faster?

First, ensure that your organization is tracking and caring about site speed.

Google Analytics offers the ability to track actual site load times directly into Google Analytics. However, few sites add the simple line of code that enables them to add the data into their analytics report. All that needs to be done is:

Where you have your Google Analytics code (most probably in your header file), insert the code

_gaq.push(['_trackPageLoadTime']); under the line _gaq.push(['_trackPageview']);

If your Google Analytics code is in the footer you are most likely slowing your performance as Google Analytics released new code optimized to run asynchronously.

You can also use external tools to measure individual page load time. My favorites include:

a. The Web Page Speed report, developed by Andy King, a friend and author of Website Optimization (you should own a copy). This calculates the speed based on all the objects referenced on your page and provides you results and recommendations as well.

b. Yahoo's YSlow plugin: This will be essential if you want to check out more dynamic pages.

c. Google's own Page Speed plug-in.

d. Loads.In: This tool lets you see actual load times from various locations and with different browsers.

e. WebPagetest: An open source tool that provides detailed waterfall charts to identify third-party performance issues

As the popularity of the Google +1 plugin grows, ensure you tweak it to load faster until Google releases an optimized version of the code.

There are many things you can do to optimize your web pages and this list is far from exhaustive but it should get you started.

Redoing CSS and JavaScript

Andy King devoted an entire chapter on how to optimize CSS and another on JavaScript. However, for a quick fix you can use an online CSS compressor tool to shrink the code and shave off some time.

TagMan CEO Paul Cook said there are many things you can do to optimize JavaScript. "Converting page-blocking synchronous scripts to execute asynchronously is the cornerstone to improving performance at the JavaScript layer. This minimizes scenarios where the entire browser is waiting for scripts to download and unable to continue rendering the rest of the page. All scripts should be minimized using a compressor like Google's Closure Compiler and script headers should be set to cacheable in most circumstances. TagMan provides a script loader that can accelerate both synchronous and asynchronous scripts and there are several free open source script loading frameworks such as LABjs. Steve Souders' blog is a good place to start for further tips around how and where to position JavaScript and CSS."

Optimizing Images

When you get your report from one of the page speed tools above, copy the list of all the images and paste the urls into Smush.It (for bloggers there is even a WordPress plug-in version). Of course it would be better if you could also minimize the number of graphics called and use the right graphic format for the type of images. Also be advised of Flash load time issues.

Optimizing Your Code

To speed up HTML you can make sure your code validates, minimize the amount of code and stay away from tables and iframes if possible. You should also enable gzip compression. Of course this can be handle as part of the W3 Total Cache Wordpress plug-in. You can also leverage a content delivery network (CDN) like Akamai or Amazon cloud services to speed up your pages. A content delivery network is a system of servers placed strategically around the world which host many of your site's files. Here is a fantastic walk through for every blogger on how to use the W3 Total Cache plug-in and Amazon's free S3 CDN.

You should obsess over how long it takes your cart and checkout pages to load. How long it takes tools to return search results, or key functionality. There are so many more opportunities to optimize your page speed.

For some additional tips check out the Yahoo Developer Network's best practices and make sure to read through the Website Optimization book for more technical enhancements.

Adding Hardware

If you don't have the time or resources to get your code optimized, you can install a hardware appliance available from several companies that can optimize your code for your website or mobile application or website in real-time using the above techniques and more.

How fast can you make your pages go?

ABOUT THE AUTHOR

Bryan Eisenberg

Bryan Eisenberg is co-founder and chief marketing officer (CMO) of IdealSpot. He is co-author of the Wall Street Journal, Amazon, BusinessWeek, and New York Times best-selling books Call to Action, Waiting For Your Cat to Bark?, and Always Be Testing, and Buyer Legends. Bryan is a keynote speaker and has keynoted conferences globally such as Gultaggen, Shop.org, Direct Marketing Association, MarketingSherpa, Econsultancy, Webcom, the Canadian Marketing Association, and others for the past 10 years. Bryan was named a winner of the Marketing Edge's Rising Stars Awards, recognized by eConsultancy members as one of the top 10 User Experience Gurus, selected as one of the inaugural iMedia Top 25 Marketers, and has been recognized as most influential in PPC, Social Selling, OmniChannel Retail. Bryan serves as an advisory board member of several venture capital backed companies such as Sightly, UserTesting, Monetate, ChatID, Nomi, and BazaarVoice. He works with his co-author and brother Jeffrey Eisenberg. You can find them at BryanEisenberg.com.

COMMENTSCommenting policy

comments powered by Disqus

Get the ClickZ Analytics newsletter delivered to you. Subscribe today!

COMMENTS

UPCOMING EVENTS

Featured White Papers

US Consumer Device Preference Report

US Consumer Device Preference Report
Traditionally desktops have shown to convert better than mobile devices however, 2015 might be a tipping point for mobile conversions! Download this report to find why mobile users are more important then ever.

E-Commerce Customer Lifecycle

E-Commerce Customer Lifecycle
Have you ever wondered what factors influence online spending or why shoppers abandon their cart? This data-rich infogram offers actionable insight into creating a more seamless online shopping experience across the multiple devices consumers are using.

Jobs

  • SEM Portfolio Manager
    SEM Portfolio Manager (Ask.com) - OaklandAs a top US internet site, Ask.com’s mission is to get our millions of users across the globe the...