Mobile Web Design: Websites, Faster

August 20th, 2013 in Design, Development Design load time mobile Responsive Web

Websites are many things: entertainment, social spaces, even works of art. Primarily, however, they’re sources of information, ways to communicate a message to the person who views it.

From a business perspective, this function of websites is of course key. The web can represent a significant investment for a company, so it’s important that you start getting ROI on that investment as soon as possible.

We’ve spoken before about the importance of responsive and mobile web design as a key driver of that ROI: it ensures that no user is ever bounced from your website just because it won’t work on their device of choice. We pride ourselves on producing websites that are cross-platform compatible – so that your message can get through across every and any digital medium.

That’s why the latest pronouncements from Google caught our eye. Websites are most valuable to you insofar as they communicate quickly and cleanly, grabbing a user’s attention and keeping it. To this end, in their recently published guidelines Google have adopted a ruthless ‘one second rule’ for mobile web design:

“…the whole page doesn’t have to render within this budget, instead, we must deliver and render the above the fold (ATF) content in under one second, which allows the user to begin interacting with the page as soon as possible. Then, while the user is interpreting the first page of content, the rest of the page can be delivered progressively in the background.”

Keeping on top of what Google say is a good idea in general (after all, they’re the ones who decide how to rank that site of yours!), but these new guidelines are particularly interesting. Quick-loading websites are the holy grail of designers for good reason: users are increasingly impatient, and they want their information quickly.

The challenge, though, is still to design a website which looks great, whilst keeping the load time down. Google’s guidelines are canny on this front, too: only the first part of your content, the attention-grabbing stuff, needs to load immediately. Grab your user’s attention, and let the rest load in the background until they’re read to scroll down.

We’re old hands at this sort of mobile web design trickery, and we’re always expanding our skillset to keep up with the latest developments and demands. So – whether you want a new website or to redesign your current one – drop us a line to discuss how we can ensure they say what you need to, and quickly.