This is article #1 of a 4-part series. This article (along with Article #2) serves as a primer for the last two entries in this series, which discuss the most efficient way to put these concepts into practice in your web application. For more a more in-depth look at these concepts, see Yahoo!'s Best Practices for Speeding Up Your Web Site and Google's Speed Tracer tutorial
Page load speed is becoming increasingly important as rich web applications become more interactive. It's not just about usability anymore; it can now directly affect your placement in search engine results, now that Google uses page load speed in their ranking algorithm. Are you ready for a reality check? Get Google Webmaster Tools for your site, and go to the Labs >> Site Performance to view your average page load time, as seen by Google's web crawlers. That's right, Google is already tracking your site's performance history.
Google Webmaster Tools is even kind enough to tell you how you stack up against the rest of the web. Here is what Webmaster Tools had to say about one of our sites before optimizing it for quick page loading:
On average, pages in your site take 4.5 seconds to load (updated on Feb 21, 2010). This is slower than 70% of sites. These estimates are of low accuracy (fewer than 100 data points). The chart below shows how your site's average page load time has changed over the last few months. For your reference, it also shows the 20th percentile value across all sites, separating slow and fast load times.
Ouch. Did I mention this would be a painful reality check?
Now to be fair, there's a very reasonable explanation for this. Google claims that the majority of users will click "back" to the search results page if a link takes too long to load. So, if a webpage is too slow for the visitor to read it, the relevance of the content is...well, irrelevant. I should point out, however, that it's unknown precisely how much page load speed affects your placement in search results.
At first, you may think that Google crawlers only index the initial load-time of the HTML. You'd be wrong. They actually include the time it takes to load all Javascript files, CSS stylesheets, images, etc. Now it's time to see how your site performs. For this, you'll need either the Page Speed extension for Firefox, or for an even better look into your site's performance, get Speed Tracer for Chrome. And of course, there's always the ever-popular YSlow extension for Firefox from Yahoo!
Your website's assets include all of the files the visitor's browser must download to render your webpage. This includes Javascript files, CSS stylesheets, and images. And according you Yahoo!:
80-90% of the end-user response time is spent downloading all the components in the page: images, stylesheets, scripts, Flash, etc.
Continue to Article #2, which focuses on reducing the time it takes visitors to download your site's assets by up to 90%. That means your site will load up to 2-3x faster.
// Owner of Alfa Jango, CTO of Genomenon, co-founder of Carcode (acquired by Edmunds.com in 2014), engineer, developer, open-source enthusiast, guitarist, and racecar driverist.
Comments are loading...