Google’s Web Performance Best Practices #6: Optimize for Mobile

GlobalDots
4 Min read

Once you have optimized your website for desktop performance, your next concern is rapid growth of mobile usage. And mobile searches keep quadrupling. Moreover, of people who react to seeing a mobile ad: 42 percent click on the mobile ad; 35 percent visit the advertiser’s site; 32 percent search for more information on their phone; 49 percent make a purchase and 27 percent call the business. Despite these findings, 79 percent of large online advertisers still do not have a mobile optimized site (Google/Kelsey 2010). It is estimated at the moment that there are almost 1.2 billion mobile Web users in the world.

Mobile device CPU capabilities are even lower than that of desktop computers, which makes the round trip time even longer, and adds to the page load time.

Reduce your AWS costs by over 50%

Discover your Cloud Saving Potential – Answer just 5 simple questions. AppsFlyer, Playtika, Lufthansa, IBM, top leading companies are already using our FinOps services.

Reduce your AWS costs 
by over 50%

Reduce the initial page load time

“By minimizing the amount of JavaScript needed to render the page, and deferring parsing of unneeded JavaScript until it needs to be executed, you can reduce the initial load time of your page,” it is explained in Google’s best practices.

For one, you can defer the loading of Java Script until it is needed. One of the techniques is using <script async> attribute where appropriate. This will prevent parsing from blocking the initial page load by deferring it until the browser’s UI thread is not busy doing something else. Java Script can also be loaded in comments, and evaluated later, or stored in string literals.

Conclusive findings from Google’s Web Performance 2011 test say:

“On modern mobile devices, each additional kilobyte of JavaScript adds about 1ms of parse time to the overall page load time. So 100kB of JavaScript included in the initial page load would add 100ms of load time for your users. Because JavaScript must be parsed on every visit to a page, this added load time will be part of every page load, whether loaded from the network, via the browser cache, or in HTML5 offline mode.”

And are you aware that mobile users behavior is such that 80% of customers will abandon a mobile site if they have a bad user experience? Also, 21% of mobile device users expect their load times on their phone to be about equal with their desktop, although mobile sites are affected by extra factors such as already mentioned slower parsing of Java Script, slower network connection, smaller browser cache memory, slower parsing of HTML… This is an alarming matter for e-sellers, especially if you take into account that mobile web penetration is growing stronger even in the developing countries, and it is expected that mobile data usage will to grow 20-fold by 2017, as cost per megabyte continues to fall.

Make Redirects Cacheable

As mobile search evolves and mobile ranking factors become prevalent, optimizing the page for mobile searches involves redirecting a user from a desktop optimized site to mobile content. To put it more simply, mobile pages often redirect users from one URL to another, replacing “www.” with “m.”, for example, which in turn, requires extra client-side processing.

To speed up the page load time, this redirect should be made cacheable, since cache memory performs faster by accessing information in fewer clock cycles. Mobile caches, however, unlike desktop browser caches, cannot hold a large amount of content. It is thus important to note that as many landing page redirections as possible should be avoided – completely. Finally, if the mobile site is served from the same location as the main site, it is best to avoid redirects and serve the mobile site to the user directly.

Timberland-mobile_store
Image 2 – Timberland: “Shoppers today expect fast and relevant results especially on mobile, where speed and interactivity matter most. Since we launched our mobile-optimized website, we have seen mobile sales grow 20 times faster than our desktop site sales.”
Image source

Google’s Best Practices recommend using a 302 redirect with a cache lifetime of one day. The redirect should include a Vary: User-Agent header as well as a Cache-Control: private header. These headers prevent proxies from serving mobile-specific redirects to non-mobile users, they explain. In addition, you may want to use an Expires header in the past, to prevent old proxies from caching the redirects and serving them to non-mobile users.

Launching a mobile optimized website is crucial today for businesses, and many have seen a large return of investments since they have launched one. As SEO experts suggest, “brands that don’t optimize a mobile site today will be busy playing catch up tomorrow.”

Read more:

Latest Articles

Project FOCUS: A New Age of FinOps Visibility

It’s easy for managers and team leaders to get caught up in the cultural scrum of FinOps. Hobbling many FinOps projects, however, is a lack of on-the-ground support for the DevOps teams that are having to drive this widespread change – this is how all too many FinOps projects become abandoned on the meeting room […]

Nesh (Steven Puddephatt) Senior Solutions Engineer @ GlobalDots
27th March, 2024
Optimize Your Cloud Spend with a FinOps Maturity Assessment

Achieving FinOps is a tall order: it demands a degree of organizational self-awareness that some companies are constantly battling for. Consider the predicament that many teams find themselves in: while their cloud environments may contain a number of small things that could be optimized, there are no single glaring mistakes that are consuming massive quantities […]

Nesh (Steven Puddephatt) Senior Solutions Engineer @ GlobalDots
27th March, 2024
Terraform Best Practices Checklist

Enhance your Terraform skills with 13 proven techniques curated by our DevOps experts. Gain insights on module optimization, state file management, advanced version control, and many more key topics.   Reduce your AWS costs by over 50% Discover your Cloud Saving Potential – Answer just 5 simple questions. AppsFlyer, Playtika, Lufthansa, IBM, top leading companies are already […]

Developer AXE-WEB
27th March, 2024
Efficient Cluster Management

Developers and DevOps teams, it’s time to make Kubernetes simple, efficient, and easy to manage. Download our comprehensive guide to efficient cluster management to learn how to turn Kubernetes into a well-oiled machine. This guide offers: Reduce your AWS costs by over 50% Discover your Cloud Saving Potential – Answer just 5 simple questions. AppsFlyer, […]

Developer AXE-WEB
27th March, 2024

Unlock Your Cloud Potential

Schedule a call with our experts. Discover new technology and get recommendations to improve your performance.

Unlock Your Cloud Potential