Blog Feed Post

How to do real user performance measurement for Google AMP sites

If you care about web performance, then you’ve no doubt been following Google’s Accelerated Mobile Pages (AMP) Project, which seeks to create better, faster experiences for mobile users. According to Google, AMP pages load 85% faster than standard mobile pages. Not only do these faster pages make visitors happier, but Google also prioritizes AMP-enabled content in its search results.

With the Spring 16 release of our Digital Performance Management platform, SOASTA is proud to offer the first product to capture real user measurement (RUM) data from AMP sites. This post will give an overview of how AMP works, its challenges when it comes to measuring performance, and how we overcame those challenges at SOASTA.

What is AMP?

The Accelerated Mobile Pages (AMP) Project is an open-source web framework that enables publishers to create very fast pages for mobile devices. AMP supports a subset of HTML5 markup tags and adds some new ones.

Google-AMP-mobileThe framework imposes certain restrictions to help speed up load times, but still allows for full featured sites. These restrictions include:

  • Like traditional web pages, AMP sites can include images, audio, video, advertising banners, and pay walls.
  • Custom fonts and CSS formatting helps keep the publisher’s branding cues. CSS, however, must be inlined in the page.
  • Custom JavaScript is not allowed outside of sandboxed iframes.
  • Images and videos must specify rendered size to avoid slow DOM reformatting.
  • Publishers cannot set custom cookies or write arbitrary data to localStorage.
  • AMP-specific tags are available to easily include third-party content like Twitter, Youtube, Instagram, etc.
  • AMP has built-in page validation to check if the page conforms to the specification. Simply add ‘#development=1’ to the URL and look for warnings in the browser’s developer console.
  • Downloading of resources that are visible in the viewport is prioritized. Resources below the fold are lazy loaded.

The project also provides a high-speed caching CDN — free of charge — which transparently hosts AMP pages.

How to add traditional analytics for AMP

There are several ways to add traditional analytics to AMP sites:

  • Analytics code could be included in iframes, although security restrictions limit the collection of timing data with this method.
  • Tracking pixels can be used with the ‘amp-pixel’ tag.
  • Built-in analytics vendor configurations can be enabled with the ‘amp-analytics’ tag.

The dataset available to be sent back to the analytics server is pre-defined in AMP and without access to custom JavaScript there was nothing you could do to get all the performance metrics needed for true RUM analytics. Traditional server log analytics and server-side APM also fall short because traffic may not hit your servers at all while being served from AMP’s CDN.

Bringing RUM to AMP

As I mentioned at the top of this post, we’re proud to offer the first product to capture RUM data from AMP sites. We’ve contributed new features to the AMP project that allow for very fine-grained timing data to be captured from mobile devices. In fact, all the navigation timing data available in browsers implementing the W3C Navigation Timing interface is now available to everyone in AMP. mPulse can filter your traffic and allows you to compare AMP versus traditional traffic in real-time.

How to add AMP to mPulse

READ MORE: New mPulse features: Availability monitoring, Rigor integration, and full support for SPAs and Google AMP

What have we seen so far?

Among our customers who are using mPulse to measure their AMP pages, typical page loads require orders of magnitude fewer resources. This translates to a number of benefits, including:

  • fewer network requests,
  • fewer DNS requests,
  • less bandwidth usage, and
  • snappier visual feedback.

But AMP isn’t magic

AMP can’t automagically fix every potential performance issue. Here are some of the reasons an AMP site could still be slow:

  • Slow page creation on backend server will cause delayed time to first byte (TTFB) on page requests that aren’t cached on the AMP CDN
  • DNS or network delays
  • A page that does not pass validation will not be cached by AMP’s CDN and may not show in Google search results
  • Images that are not optimised for mobile
  • Loading AMP extensions that the page doesn’t require

A fast AMP site requires publishers to take a step back, think, and prioritize which content is important for mobile visitors. Hopefully this thought process can also be brought to traditional web pages to make the web faster for all devices.

Getting started

If you’re a current mPulse user: See the mPulse AMP documentation to get started right away

If you’re not an mPulse user: Start your free trial

Try mPulse real user measurement for free

Read the original blog entry...

More Stories By SOASTA Blog

The SOASTA platform enables digital business owners to gain unprecedented and continuous performance insights into their real user experience on mobile and web devices in real time and at scale.

Latest Stories
The taxi industry never saw Uber coming. Startups are a threat to incumbents like never before, and a major enabler for startups is that they are instantly “cloud ready.” If innovation moves at the pace of IT, then your company is in trouble. Why? Because your data center will not keep up with frenetic pace AWS, Microsoft and Google are rolling out new capabilities. In his session at 20th Cloud Expo, Don Browning, VP of Cloud Architecture at Turner, posited that disruption is inevitable for comp...
No hype cycles or predictions of zillions of things here. IoT is big. You get it. You know your business and have great ideas for a business transformation strategy. What comes next? Time to make it happen. In his session at @ThingsExpo, Jay Mason, Associate Partner at M&S Consulting, presented a step-by-step plan to develop your technology implementation strategy. He discussed the evaluation of communication standards and IoT messaging protocols, data analytics considerations, edge-to-cloud tec...
"When we talk about cloud without compromise what we're talking about is that when people think about 'I need the flexibility of the cloud' - it's the ability to create applications and run them in a cloud environment that's far more flexible,” explained Matthew Finnie, CTO of Interoute, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
IoT solutions exploit operational data generated by Internet-connected smart “things” for the purpose of gaining operational insight and producing “better outcomes” (for example, create new business models, eliminate unscheduled maintenance, etc.). The explosive proliferation of IoT solutions will result in an exponential growth in the volume of IoT data, precipitating significant Information Governance issues: who owns the IoT data, what are the rights/duties of IoT solutions adopters towards t...
Wooed by the promise of faster innovation, lower TCO, and greater agility, businesses of every shape and size have embraced the cloud at every layer of the IT stack – from apps to file sharing to infrastructure. The typical organization currently uses more than a dozen sanctioned cloud apps and will shift more than half of all workloads to the cloud by 2018. Such cloud investments have delivered measurable benefits. But they’ve also resulted in some unintended side-effects: complexity and risk. ...
It is ironic, but perhaps not unexpected, that many organizations who want the benefits of using an Agile approach to deliver software use a waterfall approach to adopting Agile practices: they form plans, they set milestones, and they measure progress by how many teams they have engaged. Old habits die hard, but like most waterfall software projects, most waterfall-style Agile adoption efforts fail to produce the results desired. The problem is that to get the results they want, they have to ch...
With the introduction of IoT and Smart Living in every aspect of our lives, one question has become relevant: What are the security implications? To answer this, first we have to look and explore the security models of the technologies that IoT is founded upon. In his session at @ThingsExpo, Nevi Kaja, a Research Engineer at Ford Motor Company, discussed some of the security challenges of the IoT infrastructure and related how these aspects impact Smart Living. The material was delivered interac...
In 2014, Amazon announced a new form of compute called Lambda. We didn't know it at the time, but this represented a fundamental shift in what we expect from cloud computing. Now, all of the major cloud computing vendors want to take part in this disruptive technology. In his session at 20th Cloud Expo, Doug Vanderweide, an instructor at Linux Academy, discussed why major players like AWS, Microsoft Azure, IBM Bluemix, and Google Cloud Platform are all trying to sidestep VMs and containers wit...
The Internet giants are fully embracing AI. All the services they offer to their customers are aimed at drawing a map of the world with the data they get. The AIs from these companies are used to build disruptive approaches that cannot be used by established enterprises, which are threatened by these disruptions. However, most leaders underestimate the effect this will have on their businesses. In his session at 21st Cloud Expo, Rene Buest, Director Market Research & Technology Evangelism at Ara...
When growing capacity and power in the data center, the architectural trade-offs between server scale-up vs. scale-out continue to be debated. Both approaches are valid: scale-out adds multiple, smaller servers running in a distributed computing model, while scale-up adds fewer, more powerful servers that are capable of running larger workloads. It’s worth noting that there are additional, unique advantages that scale-up architectures offer. One big advantage is large memory and compute capacity...
"We are a monitoring company. We work with Salesforce, BBC, and quite a few other big logos. We basically provide monitoring for them, structure for their cloud services and we fit into the DevOps world" explained David Gildeh, Co-founder and CEO of Outlyer, in this SYS-CON.tv interview at DevOps Summit at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
SYS-CON Events announced today that IBM has been named “Diamond Sponsor” of SYS-CON's 21st Cloud Expo, which will take place on October 31 through November 2nd 2017 at the Santa Clara Convention Center in Santa Clara, California.
A look across the tech landscape at the disruptive technologies that are increasing in prominence and speculate as to which will be most impactful for communications – namely, AI and Cloud Computing. In his session at 20th Cloud Expo, Curtis Peterson, VP of Operations at RingCentral, highlighted the current challenges of these transformative technologies and shared strategies for preparing your organization for these changes. This “view from the top” outlined the latest trends and developments i...
"Loom is applying artificial intelligence and machine learning into the entire log analysis process, from start to finish and at the end you will get a human touch,” explained Sabo Taylor Diab, Vice President, Marketing at Loom Systems, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
In his session at @ThingsExpo, Eric Lachapelle, CEO of the Professional Evaluation and Certification Board (PECB), provided an overview of various initiatives to certify the security of connected devices and future trends in ensuring public trust of IoT. Eric Lachapelle is the Chief Executive Officer of the Professional Evaluation and Certification Board (PECB), an international certification body. His role is to help companies and individuals to achieve professional, accredited and worldwide re...