Once we tweeted about a niche term relating to the speed of websites serving useful content to users (very important stuff!), but not even Twitter bots reacted to it. Some might have gotten demotivated by the fact – but not us! We took that as a sign that the World is terrifyingly unaware of good customer service on the web and decided to do something about it. This blog post is our follow-up.
Why Would You Want To Follow Up on a Website Speed Problem?Here’s why: if your website is slow to load users can’t really tell the difference if it’s “just” slow or isn’t working at all. In other words, having a slow website is as good as not having one – and that means most users will not stare at the screen waiting as long as it takes – but will instead close your page and never come back. Because “too slow” is so subjective, time perception research identified that “fast” usually means staying under 1/4 of a second. When something takes longer than one second, attention starts drifting and users are tempted to switch to an alternative task, forgetting the original intent. After 10 seconds, users completely shift to a different task. The One Second Rule
So What?“Not many websites take 10 seconds to fully load”, you might say. But have you considered a full-feature website accessed over 3G Internet on a mobile phone? Many of the web properties built over the years have been optimized for the home computer, yet most of the Internet user growth is happening thanks to mobile devices. And this website bloat is having a real (and negative) effect on the bottom line. Consider Microsoft’s Bing research on the actual user behavior when their search was intentionally delayed: users who waited 2 seconds navigated 4.4% fewer pages and generated 4.3% less e-commerce revenue. Online, it turns out seconds matter more than we could imagine: How Speed Affects Business Performance
Are There Good News About Web Page Loading Speeds?There is also the good news: website users are willing to wait for the page to load – so long as they see the overall web page structure and notice page loading progress. Not all website platforms are optimized for progressive loading, so ideally you should monitor a couple of key page loading speed indicators.
Why Visual Complete Metric is ImportantConsider two web pages that each take 12 seconds to fully load, page A and page B: Visual Loading Progress Matters – an Illustration Page A quickly loads visual elements (site navigation, text, images) so that a user sees the majority of its usable content within 1 second. Page B loads some visual content, but takes about 10 seconds to load supporting components, showing the user meaningfully visible content after 11 seconds! Unfortunately, the case of the B page is not that uncommon, as websites component loading order is not automatically optimized. There is a term that measures the time it takes for the web page to load just enough content to be usable (visually complete). Obscure nerd metric warning: the sought term signifies that the visible part of the screen is loaded and is called domContentLaded time. This metric would be close to 1 second in case of the page A above, and clock at 11 seconds for the page B.
The Page Load Speed MetricsThe metrics you really need to know – ideally for all important pages (home, category page, landing page, product pages) are the following:
- Server Response (First Byte) Time
- Core Visible Content Loading (domContentLoaded) Time
- Document Complete Time
- Full Page Load Time