In my conversations with customers and prospects we often talk about one of the biggest IT problems: “How can we make the website faster for end users”.
Obviously Web Performance Optimization (WPO) techniques are key to faster webpage and Google Page Speed score is a key tool on measuring how well they are applied. However, quite often I hear comments about the score that make no sense like “We have spent a lot of $, time and efforts to get amazing Google Page Speed scores but our site is still slow. what did we miss?” or “Competitor X has a score 50, we have 85, yet they load twice as fast!”
These concepts clearly show a misconception of what Google Page Speed score does. Certain people fall prey to the idea that pages with HIGH Page Speed scores should be faster than pages with LOW scores. There are probably various causes to this misconception, from the name – to how certain individuals or companies sell products or services. Our goal with this post is to clarify why this belief is false, and why you should not rely on it.
Google Page Speed is a score calculated based on Web Optimization rules that would improve the rendering and execution of the front end code (HTML, CSS, etc) on browsers. Per Google’s definition: “These rules are general front-end best practices you can apply at any stage of web development”. In other words, the score does not look at your Infrastructure, Application Performance, DB Queries, datacenter distribution, load handling, content loaded on the browser, etc. Most importantly it does not include the actual speed of the page and therefore cannot be used a yard stick about who is faster – Page A or Page B.
To illustrate the point that there is no correlation between Page Speed Score and how fast a page loads let’s take a look at the performance data we collected over Black Friday and Cyber Monday 2011 for the top Internet Retailers. We measured several speed metrics and the Google Page Speed score utilizing Catchpoint synthetic agents in major US cities. We will focus on two key metrics – which are most commonly used and that are the best gauges of webpage speed.
Document Complete Time & Google Page Speed Score
As you can clearly see from the chart there is no relationship on the Document Complete and Google Page Speed Score. The fastest site, J.C. Penny and the slowest site, Target, had an identical score of 84.
Web Page Response Time (fully loaded) & Google Page Speed Score
Even when looking at the fully loaded page, we still see that there is no correlation with Google Page Speed.
Google Page Speed score should be treated as a grade of how good of a job your front end developers (or optimization solution) has done in making a page that renders as quickly as it can given the content it needs to display. When you compare it with your competing sites, use it to compare how good of a job they have done -do not use it as measuring stick for speed. To measure speed use metrics like Response, Document Complete, Fully Loaded, etc. The same reasoning holds true for the YSlow score from Yahoo.
So great we clarified the Page Speed misconception, your front end team does an awesome job and gets the score in the 90s for the entire site – but somehow the site is still under-performing competition in speed. Well take a look at the rest of your system, analyze the data, review it carefully and I am sure there is plenty you can do to make it faster:
- Trim down bytes. You could have a well optimized page, but if you are loading 2mb+ of data – it will be slow for the average Joe. Do you really need that rather large SWF file? Should every visual effect be an image?
- Analyze application performance. Take a look at every page and process. Are there particular queries taking too long? Is the mid-tier/backend code that needs optimization? Can you achieve better caching rather than reading from disk for every pageview? Are certain processes impacting performance?
- Analyze how application does under user load. On a developers machine might be fast, but get 100 users on it – and maybe there are problems related to code, hardware, etc.
- Analyze your infrastructure. Take a look at Routers, Switches, Load Balancers, various machines, are they over utilized? Are they misconfigured?
- Evaluate your datacenter location and ISPs. Are your users mainly on West Coast, but serving all content from East Coast? Maybe you need a new datacenter, or move it to Midwest so it has better coverage of US.
- Evaluate your third party vendors. If you are relying on CDNs, Adserving, etc – ensure they are not impacting your speed.
In conclusion, the speed of your page is not dependent only on front end code or Page Speed score – it is dependent on your entire system and infrastructure. The engineering and operations team must talk and work with each other and get a better understanding of what is impacting speed.
Everyone in an organization is responsible for a Fast Web Site / Application.
Mehdi – Catchpoint