Welcome!

Blog Feed Post

Optimize user experience with ‘Visually complete’ & ‘Speed index’ measures

Traditional web performance metrics focus primarily on load times and resource sizes. These attributes typically aren’t, however, the best indicators of user experience. Resources that don’t have an impact on user experience can result in delays of the loadEventEndevent and other W3C navigation timing metrics that skew your analysis. Conversely, you may experience the opposite effect, particularly when monitoring single-page applications. With such apps, W3C navigation timings may be triggered too early—even before JavaScript code has begun building up the actual user interface.

Visually complete: The ideal user experience metric

So what is the best metric to consider in measuring your customers’ actual experience with your applications? As it turns out, users are primarily focused on how long it takes for visual page elements above the fold to render completely. This is why Dynatrace has introduced the Visually complete metric into user action waterfall analysis. 

Visually complete is a user experience metric that identifies the moment in time when users perceive that all the visual elements of a page have completely loaded. Because this is a measure of user perception, it is an ideal measure of user experience. Visually complete metrics are typically shorter in duration than comparable metrics (for example, page load time, time-to-first-byte, and DOM interactive measures) because users perceive complete page load before 100% of background page elements have loaded. As you can see in the example below. The Visually complete milestone is reached before the page has loaded completely.

Speed index

Speed index is a performance metric that measures how quickly a page renders visual elements, from the user’s perspective. This is a rate-of-speed metric that is closely related to Visually complete, which is a moment-in-time measure. A lower Speed index is preferred as it means that large parts of a page render quickly. Speed index, which was introduced by webpagetest.org, takes the “visually complete” concept one step further. Pages that render large visible elements earlier (see example below on the left) receive better scores than pages that render elements slowly (see example below on the right) even when those pages have an identical Visually complete measure.

A milestone for user experience monitoring

There is currently no W3C standard available for capturing metrics that are comparable to Visually complete and Speed index. Until recently, such metrics could only be gathered in synthetic environments where it’s possible to capture screen images during runtime and subsequently process those image. Dynatrace has now found a way of calculating such measures purely in JavaScript by monitoring the DOM—thereby making these metrics available in real user monitoring for the first time. This means that, for the first time, you can capture these metrics in real time and in the real world—no lab setting required.

Visually complete and Speed index measures are available for all user actions, across all device types. Wondering how long it takes to load your application’s home page using an old version of the Firefox mobile browser on a budget cell phone? All such metrics are now at your fingertips. No synthetic testing environment required.

Enable Visually complete & Speed index metrics

Visually complete & Speed index metrics are enabled by default in all new installations of Dynatrace. For Dynatrace versions 121 and earlier, these metrics must be enabled manually by doing the following:

  1. Select Applications from the navigation menu.
  2. Select the application you want to configure.
  3. Click the Browse () button and select Settings.
  4. Click the Content capture tab.
  5. Set the Visually complete and Speed index measures switch to the On position.

The post Optimize user experience with ‘Visually complete’ & ‘Speed index’ measures appeared first on Dynatrace blog – monitoring redefined.

Read the original blog entry...

More Stories By Dynatrace Blog

Building a revolutionary approach to software performance monitoring takes an extraordinary team. With decades of combined experience and an impressive history of disruptive innovation, that’s exactly what we ruxit has.

Get to know ruxit, and get to know the future of data analytics.

Latest Stories
"I think DevOps is now a rambunctious teenager – it’s starting to get a mind of its own, wanting to get its own things but it still needs some adult supervision," explained Thomas Hooker, VP of marketing at CollabNet, 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.
"We are still a relatively small software house and we are focusing on certain industries like FinTech, med tech, energy and utilities. We help our customers with their digital transformation," noted Piotr Stawinski, Founder and CEO of EARP Integration, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"We've been engaging with a lot of customers including Panasonic, we've been involved with Cisco and now we're working with the U.S. government - the Department of Homeland Security," explained Peter Jung, Chief Product Officer at Pulzze Systems, in this SYS-CON.tv interview at @ThingsExpo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"We're here to tell the world about our cloud-scale infrastructure that we have at Juniper combined with the world-class security that we put into the cloud," explained Lisa Guess, VP of Systems Engineering at Juniper Networks, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"With Digital Experience Monitoring what used to be a simple visit to a web page has exploded into app on phones, data from social media feeds, competitive benchmarking - these are all components that are only available because of some type of digital asset," explained Leo Vasiliou, Director of Web Performance Engineering at Catchpoint Systems, 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.
Your homes and cars can be automated and self-serviced. Why can't your storage? From simply asking questions to analyze and troubleshoot your infrastructure, to provisioning storage with snapshots, recovery and replication, your wildest sci-fi dream has come true. In his session at @DevOpsSummit at 20th Cloud Expo, Dan Florea, Director of Product Management at Tintri, provided a ChatOps demo where you can talk to your storage and manage it from anywhere, through Slack and similar services with...
"Peak 10 is a hybrid infrastructure provider across the nation. We are in the thick of things when it comes to hybrid IT," explained Michael Fuhrman, Chief Technology Officer at Peak 10, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
As enterprise cloud becomes the norm, businesses and government programs must address compounded regulatory compliance related to data privacy and information protection. The most recent, Controlled Unclassified Information and the EU’s GDPR have board level implications and companies still struggle with demonstrating due diligence. Developers and DevOps leaders, as part of the pre-planning process and the associated supply chain, could benefit from updating their code libraries and design by in...
SYS-CON Events announced today that Calligo, an innovative cloud service provider offering mid-sized companies the highest levels of data privacy and security, has been named "Bronze Sponsor" of SYS-CON's 21st International Cloud Expo ®, which will take place on Oct 31 - Nov 2, 2017, at the Santa Clara Convention Center in Santa Clara, CA. Calligo offers unparalleled application performance guarantees, commercial flexibility and a personalised support service from its globally located cloud plat...
"We are an IT services solution provider and we sell software to support those solutions. Our focus and key areas are around security, enterprise monitoring, and continuous delivery optimization," noted John Balsavage, President of A&I Solutions, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"We were founded in 2003 and the way we were founded was about good backup and good disaster recovery for our clients, and for the last 20 years we've been pretty consistent with that," noted Marc Malafronte, Territory Manager at StorageCraft, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
There is a huge demand for responsive, real-time mobile and web experiences, but current architectural patterns do not easily accommodate applications that respond to events in real time. Common solutions using message queues or HTTP long-polling quickly lead to resiliency, scalability and development velocity challenges. In his session at 21st Cloud Expo, Ryland Degnan, a Senior Software Engineer on the Netflix Edge Platform team, will discuss how by leveraging a reactive stream-based protocol,...
"We are focused on SAP running in the clouds, to make this super easy because we believe in the tremendous value of those powerful worlds - SAP and the cloud," explained Frank Stienhans, CTO of Ocean9, Inc., in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"DivvyCloud as a company set out to help customers automate solutions to the most common cloud problems," noted Jeremy Snyder, VP of Business Development at DivvyCloud, in this SYS-CON.tv interview at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.
"At the keynote this morning we spoke about the value proposition of Nutanix, of having a DevOps culture and a mindset, and the business outcomes of achieving agility and scale, which everybody here is trying to accomplish," noted Mark Lavi, DevOps Solution Architect at Nutanix, in this SYS-CON.tv interview at @DevOpsSummit at 20th Cloud Expo, held June 6-8, 2017, at the Javits Center in New York City, NY.