SlideShare a Scribd company logo
@Akamai
Measuring What Matters
Focusing on Perception Metrics
Cliff Crocker, Product Line Director
Web Performance at Akamai
@cliffcrocker
Measuring What Matters - Fluent Conf 2018
80x
30s
per day, people log
into their phones
more than half of
smartphone sessions
are 30secs or less
Waiting for slow
pages to load
Being shown
interstitials
Encountering
unplayable videos
Getting
redirected to the
homepage
Other
46%
16%
16%
13%
11%
Source: @lukew
User Experience Focus
Mobile User Behavior
Google Data, Aggregated, anonymized Google Analytics data from a sample of mWeb sites opted into sharing benchmark data, n=3.7K, Global, March 2016
53%
are abandoned if it takes
longer than 3 seconds
to load
of mobile
site visits
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performance
Page Speed Update
User Experience Focus
Google ranking to factor mobile perf - July ‘18

Recommended for you

Edge 2014: Increasing Control with Property Manager with eBay
Edge 2014: Increasing Control with Property Manager with eBayEdge 2014: Increasing Control with Property Manager with eBay
Edge 2014: Increasing Control with Property Manager with eBay

Increasing Control with Property Manager by Steve Lerner Senior Member of Technical Staff, Network Engineering, eBay & Jay Sikkeland, Senior Technical Project Manager, Akamai Technologies Property Manager, Akamai's next generation configuration tool, enables engineers a new level of control and visibility for Akamai configurations. Steve Lerner, Sr. Member of Technical Staff from eBay Network Engineering, will demonstrate advanced techniques available in Property Manager designed for a new level of use-cases for Content Delivery Network monitoring and control. He will also demonstrate how key Property Manager settings and Akamai services impact eBay's own metrics and performance. Akamai Edge is the premier event for Internet innovators, tech professionals and online business pioneers who together are forging a Faster Forward World. At Edge, the architects, experts and implementers of the most innovative global online businesses gather face-to-face for an invaluable three days of sharing, learning and together pushing the limits of the Faster Forward World. Learn more at: http://www.akamai.com/edge

cloud computingcloud networkingsaas
Performance.now() fast but not furious
Performance.now()   fast but not furiousPerformance.now()   fast but not furious
Performance.now() fast but not furious

A talk on interaction performance that was presented at performance.now() conference in Amsterdam on 8th November 2018

performance
Measuring what matters
Measuring what mattersMeasuring what matters
Measuring what matters

Metrics are everywhere! We’ve done a great job of keeping pace with measuring the output of our applications, but how are we doing with measuring what really matters? This talk will explore the various metrics available to application owners today, highlight what’s coming tomorrow and level-set on the relative importance as it relates to the user experience.

performanceakamaiedgerum
©2014 AKAMAI | FASTER FORWARDTM
Foundational Metrics
Get Ready for the Firehose
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Navigation Timing
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Navigation Timing
Browser Events Front End
TTFB Server/Back End
DNS Connect NetworkSSL
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Resource Timing

Recommended for you

Edge 2016 barbarians at the gateway
Edge 2016 barbarians at the gatewayEdge 2016 barbarians at the gateway
Edge 2016 barbarians at the gateway

This talk will examine the tools, methods and data behind the DDoS attacks that are prevalent in the news headlines and the impacts they can have on companies. I will look at the motivations and rationale that they have and try to share some sort of understanding as to what patterns to be aware of for their own protection.

akamai
Walmart pagespeed-slide
Walmart pagespeed-slideWalmart pagespeed-slide
Walmart pagespeed-slide

Walmart proves the obvious, devknob wonders why people don't understand why page speed matters. This has been true and known to be true since the beginning of the internet. Do you think people won't get distracted easily and bounce when they're surfing on 2g, 3g and even 4g connections? Page speed matters, devknob is probably the best page speed optimizer in the world so if you need conversion optimization, you may want to visit devknob online at devknob.com

wal-martpage speedcase study
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...

Raiders of the Fast Start: Frontend Performance Archeology There are a lot of books, articles, and online tutorials out there with fantastic advice on how to make your websites performant. It all seems easy in theory, but applying best practices to real-world code is anything but straightforward. Diagnosing and fixing frontend performance issues on a large legacy codebase is like being an archaeologist excavating the remains of a lost civilization. You don’t know what you will find until you start digging! Pick up your trowels and come along with Etsy’s Frontend Systems team as we become archaeologists digging into frontend performance on our large, legacy mobile codebase. I’ll share real-life lessons you can use to guide your own excavations into legacy code: What tools and metrics we used to diagnose issues and track progress. How we went beyond server-driven best practices to focus on the client. Which fixes successfully increased conversion, and which didn’t. Our work, like all good archaeology, went beyond artifacts and unearthed new insights into our culture. We at Etsy pride ourselves on our culture of performance, but, like all cultures, it needs to adapt and reinvent itself to account for changes to the landscape. Based on what we’ve learned, we are making the case for a new, organization-wide, frontend-focused performance culture that will solve the problems we face today.

©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Resource Timing
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Resource Timing 2
-> Encoded
-> Decoded
-> Transfer
Size Matters
How we talk about it ->
In reality ->
Real User Measurements 101
What’s happening on the backend?
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Server Timing

Recommended for you

Velocity NY - How to Measure Revenue in Milliseconds
Velocity NY - How to Measure Revenue in MillisecondsVelocity NY - How to Measure Revenue in Milliseconds
Velocity NY - How to Measure Revenue in Milliseconds

Cliff from SOASTA and Steve from Staples discuss the three questions: How fast are you? How fast should you be? How do you get there? An overview of real world performance optimization and RUM.

rumwebperfvelocity
Edge 2016 solving everyday problems with next generation mapping
Edge 2016 solving everyday problems with next generation mappingEdge 2016 solving everyday problems with next generation mapping
Edge 2016 solving everyday problems with next generation mapping

In this session we look under the covers of Akamai’s Mapping system to show how data and control combine to improve performance across the internet, in local geographies, and in mobile networks.

akamai
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...Real User Monitoring: Getting Real Data from Real Users in the Real World - S...
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...

Improvements to user experience translate directly to real business metrics and the bottom line. To guide the business to making wise choices on user experience, you need an accurate picture of site performance for real users. In this talk, Steve Lerner will describe how eBay’s performance monitoring strategy has evolved, how the insights gained from real user monitoring have impacted eBay’s business, and some of the considerations that have shaped their in house implementation of Real User Monitoring to serve eBay’s massive global scale. See Steve Lerner's Edge Presentation: http://www.akamai.com/html/custconf/edgetv-commerce.html#real-user-monitoring The Akamai Edge Conference is a gathering of the industry revolutionaries who are committed to creating leading edge experiences, realizing the full potential of what is possible in a Faster Forward World. From customer innovation stories, industry panels, technical labs, partner and government forums to Web security and developers' tracks, there’s something for everyone at Edge 2013. Learn more at http://www.akamai.com/edge

akamai edgeakamai technologiesebay
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Server Timing
Server-Timing: <name>; duration="<duration>"; description="<description>"
Examples:
Server-Timing: cache-hit
Server-Timing: auth; duration=75
Server-Timing: bytes-on-disk; description=17000
Server-Timing: db; duration=120; description="database access"
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Time to First Paint
First Paint entry contains a DOMHighResTimeStamp reporting the time when the browser first
rendered after navigation. This excludes the default background paint, but includes non-default
background paint. This is the first key moment developers care about in page load – when the
browser has started to render the page.
First Contentful Paint entry contains a DOMHighResTimeStamp reporting the time when the
browser first rendered any text, image (including background images), non-white canvas or SVG.
This includes text with pending webfonts. This is the first time users could start consuming page
content.
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Time to First Paint
©2014 AKAMAI | FASTER FORWARDTM
PURE JANK

Recommended for you

AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018
AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018
AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018

Talk at Smashing Conf - 7th Feb 2018 (Video - https://vimeo.com/254703766) Explores some of the issues that 3rd-party tags introduce when we add them to our sites, some ways of measuring the impact, and challenges we still have

3rd-partiesperformanceweb
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018

Talk at Smashing Conf - 7th Feb 2018 (Video - https://vimeo.com/254703766) Explores some of the issues that 3rd-party tags introduce when we add them to our sites, some ways of measuring the impact, and challenges we still have

3rd-partiesperformanceweb
Lazy load Website Assets
Lazy load Website AssetsLazy load Website Assets
Lazy load Website Assets

Website speed is a crucial aspect of on page SEO everyone can control. Your goal is to be interactive in under 3 seconds, even on a basic phone over a 3G connection. However, most web sites have so many requests and large payloads this time limit or budget cannot be achieved. In fact, the average web page takes 22 seconds to load, according to Google's research. But what if I told you there is a way to offload or even avoid loading page assets until they are needed? This can give your website a distinct advantage over your competition because not only will Google like your pages better so will your visitors!

seowebsiteweb design and development
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Long Tasks API
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101
Long Tasks API
Long Task: An event loop task that exceeds 50ms
Often contributing to:
Delayed interaction, “jankiness” in scrolling and animations
©2014 AKAMAI | FASTER FORWARDTM
Measuring Perception
©2014 AKAMAI | FASTER FORWARDTM
Server Network Browser User
Back end
APM
Traditional RUM
RUM w/ Perceived Performance
Do you really know when the
page is ready for use?
Are deferred elements blocking
interactivity?
Impacted by CPU
limitations on mobile?
Back-end Time Network Time Page Load Time
Focus on Customer Experience
What does perception really mean?
Interactivity

Recommended for you

Dyna trace
Dyna traceDyna trace
Dyna trace

This document discusses the browser performance analysis tool dynaTrace. It provides an overview of dynaTrace's capabilities such as cross-browser diagnostics, code-level visibility, and deep JavaScript and DOM tracing. It also covers key performance indicators (KPIs) like load time, resource usage, and network connections that dynaTrace measures. Best practices for improving performance, such as browser caching, network optimization, JavaScript handling and server-side performance are outlined. The document aims to explain why and how dynaTrace can help users find and address web performance issues.

performance analysisdynatraceperformance indicator
Chicago Tech Day Jan 2015: Foundry - HTTP2
Chicago Tech Day Jan 2015: Foundry - HTTP2Chicago Tech Day Jan 2015: Foundry - HTTP2
Chicago Tech Day Jan 2015: Foundry - HTTP2

The Web Experience Foundry will be dedicated to researching and prototyping projects and technologies that the Web Experience business unit feels are potentially important for the future of its product lines. The primary goals will be: - Gain a solid understanding of new technology and how it could (or could not) be used in Web Experience products (Discovery). - Prototype new technologies and create proof of concepts to validate or invalidate a technologies potential utility. - Research new concepts and look for ways they can improve our existing product lines.”

foundryakamai technologieshttp2
Velocity spa faster_092116
Velocity spa faster_092116Velocity spa faster_092116
Velocity spa faster_092116

Making Single Page (SPA) Faster was a presentation done at Velocity NY 2016 It covers 3 main points: - selecting the right framework (performance oriented) - best practices and optimizations - monitoring

spa single page appsspavelocity conference
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performance
https://developers.google.com/web/fundamentals/performance/rail
©2014 AKAMAI | FASTER FORWARDTM
Time to Visually Ready
Time to Interactive
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements
Time to Visually Ready (TTVR)
TTVR: When the page appears to be ready.
Signals used:
1. Time to first paint (if available)
2. domContentLoadedEventEnd
3. Hero Image (if defined)
4. Framework ready (if defined)
Highest signal = TTVR
1 2
©2014 AKAMAI | FASTER FORWARDTM
Google ”Speed Update” – July 2018
Google’s search ranking will begin factoring in mobile performanceReal User Measurements
Time to Interactive (TTI)
TTI: After TTVR, when would they have a good experience?
Signals used - “page is interactive if…”
1. Frames per second (FPS) > 20 FPS -> All modern browsers
2. No long task events that are frame blocking -> Chrome only
3. Page Busy (request idle callback polling) -> All browsers
TTVR + point when 1-3 are true for 500ms = TTI

Recommended for you

The quickest way to improve user experience - Site Speed
The quickest way to improve user experience - Site SpeedThe quickest way to improve user experience - Site Speed
The quickest way to improve user experience - Site Speed

The document discusses the importance of website load time and performance optimization. It explains that slow load times can negatively impact user experience, bounce rates, conversion rates, and search engine rankings. It then provides tips and strategies for measuring and improving load time, including optimizing images, CSS/HTML, critical rendering path, caching assets, and content delivery strategies.

uxsite speed
Are you there Page Experience? It's Me, DevTools.
Are you there Page Experience? It's Me, DevTools.Are you there Page Experience? It's Me, DevTools.
Are you there Page Experience? It's Me, DevTools.

This document summarizes a presentation about using Chrome DevTools to test and optimize websites for Google's upcoming Page Experience update. It discusses the components of the update like mobile-friendliness and core web vitals. It provides guidance on using DevTools to test for issues in areas like intrusive interstitials, HTTPS security, and core web vitals metrics. The presentation emphasizes that field data may differ from lab tests in DevTools, and it outlines many resources for further information on the Page Experience update and related topics.

core web vitalspage experience update
Are you there Page Experience? It's me, DevTools
Are you there Page Experience? It's me, DevToolsAre you there Page Experience? It's me, DevTools
Are you there Page Experience? It's me, DevTools

BrightonSEO, March 2021 With Google's Page Experience ranking signal update rolling out in May 2021, you're running out of time to put in the budget line items for all the fancy SEO tools you'll need! Don't panic. Rachel Anderson and Jamie will show you how to optimize for humans (and algorithm updates) using an underestimated SEO ally: Chrome DevTools.

technical seoseodevtools
©2018 AKAMAI
mPulse
Page Load Time
what we’ve been optimizing
for
Time to Visually Ready
Time to Interactive
Time to First
Interaction
Application Looks Ready
Application is Actually Ready
Actual User Interaction (key, click, scroll)
Focus on Customer Experience
Is there a gap in your understanding of performance?
Gapinperceived
performance
©2018 AKAMAI
mPulseInform Your Performance Budget
Tune your application and delivery for performance
How heavy is my page?
How much of that is HTML?
Are my images overweight?
Is JS contributing to page
weight?
Am I leveraging browser
cache effectively?
Too many http requests?

More Related Content

What's hot

Edge 2014: A Modern Approach to Performance Monitoring
Edge 2014: A Modern Approach to Performance MonitoringEdge 2014: A Modern Approach to Performance Monitoring
Edge 2014: A Modern Approach to Performance Monitoring
Akamai Technologies
 
Edge 2016 your hero images need you
Edge 2016 your hero images need youEdge 2016 your hero images need you
Edge 2016 your hero images need you
akamaidevrel
 
Edge 2016 can webpagetest be trusted
Edge 2016 can webpagetest be trustedEdge 2016 can webpagetest be trusted
Edge 2016 can webpagetest be trusted
akamaidevrel
 
Edge 2014: Increasing Control with Property Manager with eBay
Edge 2014: Increasing Control with Property Manager with eBayEdge 2014: Increasing Control with Property Manager with eBay
Edge 2014: Increasing Control with Property Manager with eBay
Akamai Technologies
 
Performance.now() fast but not furious
Performance.now()   fast but not furiousPerformance.now()   fast but not furious
Performance.now() fast but not furious
Anna Migas
 
Measuring what matters
Measuring what mattersMeasuring what matters
Measuring what matters
Cliff Crocker
 
Edge 2016 barbarians at the gateway
Edge 2016 barbarians at the gatewayEdge 2016 barbarians at the gateway
Edge 2016 barbarians at the gateway
akamaidevrel
 
Walmart pagespeed-slide
Walmart pagespeed-slideWalmart pagespeed-slide
Walmart pagespeed-slide
Bitsytask
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Katie Sylor-Miller
 
Velocity NY - How to Measure Revenue in Milliseconds
Velocity NY - How to Measure Revenue in MillisecondsVelocity NY - How to Measure Revenue in Milliseconds
Velocity NY - How to Measure Revenue in Milliseconds
Cliff Crocker
 
Edge 2016 solving everyday problems with next generation mapping
Edge 2016 solving everyday problems with next generation mappingEdge 2016 solving everyday problems with next generation mapping
Edge 2016 solving everyday problems with next generation mapping
akamaidevrel
 
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...Real User Monitoring: Getting Real Data from Real Users in the Real World - S...
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...
Akamai Technologies
 
AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018
AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018
AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018
Andy Davies
 
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018
Andy Davies
 
Lazy load Website Assets
Lazy load Website AssetsLazy load Website Assets
Lazy load Website Assets
Chris Love
 
Dyna trace
Dyna traceDyna trace
Dyna trace
Yasmine Gaber
 
Chicago Tech Day Jan 2015: Foundry - HTTP2
Chicago Tech Day Jan 2015: Foundry - HTTP2Chicago Tech Day Jan 2015: Foundry - HTTP2
Chicago Tech Day Jan 2015: Foundry - HTTP2
Akamai Technologies
 
Velocity spa faster_092116
Velocity spa faster_092116Velocity spa faster_092116
Velocity spa faster_092116
Manuel Alvarez
 
The quickest way to improve user experience - Site Speed
The quickest way to improve user experience - Site SpeedThe quickest way to improve user experience - Site Speed
The quickest way to improve user experience - Site Speed
Nick Morton
 

What's hot (19)

Edge 2014: A Modern Approach to Performance Monitoring
Edge 2014: A Modern Approach to Performance MonitoringEdge 2014: A Modern Approach to Performance Monitoring
Edge 2014: A Modern Approach to Performance Monitoring
 
Edge 2016 your hero images need you
Edge 2016 your hero images need youEdge 2016 your hero images need you
Edge 2016 your hero images need you
 
Edge 2016 can webpagetest be trusted
Edge 2016 can webpagetest be trustedEdge 2016 can webpagetest be trusted
Edge 2016 can webpagetest be trusted
 
Edge 2014: Increasing Control with Property Manager with eBay
Edge 2014: Increasing Control with Property Manager with eBayEdge 2014: Increasing Control with Property Manager with eBay
Edge 2014: Increasing Control with Property Manager with eBay
 
Performance.now() fast but not furious
Performance.now()   fast but not furiousPerformance.now()   fast but not furious
Performance.now() fast but not furious
 
Measuring what matters
Measuring what mattersMeasuring what matters
Measuring what matters
 
Edge 2016 barbarians at the gateway
Edge 2016 barbarians at the gatewayEdge 2016 barbarians at the gateway
Edge 2016 barbarians at the gateway
 
Walmart pagespeed-slide
Walmart pagespeed-slideWalmart pagespeed-slide
Walmart pagespeed-slide
 
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
Raiders of the Fast Start: Frontend Performance Archaeology - Performance.now...
 
Velocity NY - How to Measure Revenue in Milliseconds
Velocity NY - How to Measure Revenue in MillisecondsVelocity NY - How to Measure Revenue in Milliseconds
Velocity NY - How to Measure Revenue in Milliseconds
 
Edge 2016 solving everyday problems with next generation mapping
Edge 2016 solving everyday problems with next generation mappingEdge 2016 solving everyday problems with next generation mapping
Edge 2016 solving everyday problems with next generation mapping
 
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...Real User Monitoring: Getting Real Data from Real Users in the Real World - S...
Real User Monitoring: Getting Real Data from Real Users in the Real World - S...
 
AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018
AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018
AB Testing, Ads and other 3rd party tags - SmashingConf London - 2018
 
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018
AB Testing, Ads and other 3rd party tags - London WebPerf - March 2018
 
Lazy load Website Assets
Lazy load Website AssetsLazy load Website Assets
Lazy load Website Assets
 
Dyna trace
Dyna traceDyna trace
Dyna trace
 
Chicago Tech Day Jan 2015: Foundry - HTTP2
Chicago Tech Day Jan 2015: Foundry - HTTP2Chicago Tech Day Jan 2015: Foundry - HTTP2
Chicago Tech Day Jan 2015: Foundry - HTTP2
 
Velocity spa faster_092116
Velocity spa faster_092116Velocity spa faster_092116
Velocity spa faster_092116
 
The quickest way to improve user experience - Site Speed
The quickest way to improve user experience - Site SpeedThe quickest way to improve user experience - Site Speed
The quickest way to improve user experience - Site Speed
 

Similar to Measuring What Matters - Fluent Conf 2018

Are you there Page Experience? It's Me, DevTools.
Are you there Page Experience? It's Me, DevTools.Are you there Page Experience? It's Me, DevTools.
Are you there Page Experience? It's Me, DevTools.
Rachel Anderson
 
Are you there Page Experience? It's me, DevTools
Are you there Page Experience? It's me, DevToolsAre you there Page Experience? It's me, DevTools
Are you there Page Experience? It's me, DevTools
Jamie Indigo
 
PWA - Progressive WordPress Apps
PWA - Progressive WordPress AppsPWA - Progressive WordPress Apps
PWA - Progressive WordPress Apps
Fellyph Cintra
 
Page Speed Insights: The Ballad of Improving Performance
Page Speed Insights: The Ballad of Improving PerformancePage Speed Insights: The Ballad of Improving Performance
Page Speed Insights: The Ballad of Improving Performance
James McNulty
 
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM TRACKING WITH GOOGLE ANALYTICS.pptx
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM  TRACKING WITH GOOGLE ANALYTICS.pptxEMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM  TRACKING WITH GOOGLE ANALYTICS.pptx
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM TRACKING WITH GOOGLE ANALYTICS.pptx
thyngster
 
Proven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testersProven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testers
Perfecto Mobile
 
Tangoe matrix sprint 15 usable and light weight user interface demo - sep -...
Tangoe matrix sprint 15 usable and light weight user interface   demo - sep -...Tangoe matrix sprint 15 usable and light weight user interface   demo - sep -...
Tangoe matrix sprint 15 usable and light weight user interface demo - sep -...
Venkatarajan Govindarajan (CUA Student from HFI)
 
Core Web Vitals and Your Search Rankings
Core Web Vitals and Your Search Rankings Core Web Vitals and Your Search Rankings
Core Web Vitals and Your Search Rankings
Michael King
 
Edge 2016 measuring what matters
Edge 2016 measuring what mattersEdge 2016 measuring what matters
Edge 2016 measuring what matters
akamaidevrel
 
Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06
Paul Calvano
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
Ido Green
 
Cloud Migration - The Earlier You Instrument, The Faster You Go
Cloud Migration - The Earlier You Instrument, The Faster You GoCloud Migration - The Earlier You Instrument, The Faster You Go
Cloud Migration - The Earlier You Instrument, The Faster You Go
Kevin Downs
 
Performance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowPerformance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of Tomorrow
WP Engine
 
cloudcomputing.pptx
cloudcomputing.pptxcloudcomputing.pptx
cloudcomputing.pptx
multicreationofficia
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performance
Sagar Desarda
 
[Public] between two worlds native&no-native experiences
[Public] between two worlds  native&no-native experiences[Public] between two worlds  native&no-native experiences
[Public] between two worlds native&no-native experiences
Nicolas Bortolotti
 
#MBLTdev: Разработка backend для ��обильного приложения с использованием Googl...
#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...
#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...
e-Legion
 
Third Party Performance (Velocity, 2014)
Third Party Performance (Velocity, 2014)Third Party Performance (Velocity, 2014)
Third Party Performance (Velocity, 2014)
Guy Podjarny
 
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Paul Calvano
 
Cloudflare Speed Week Recap
Cloudflare Speed Week RecapCloudflare Speed Week Recap
Cloudflare Speed Week Recap
Cloudflare
 

Similar to Measuring What Matters - Fluent Conf 2018 (20)

Are you there Page Experience? It's Me, DevTools.
Are you there Page Experience? It's Me, DevTools.Are you there Page Experience? It's Me, DevTools.
Are you there Page Experience? It's Me, DevTools.
 
Are you there Page Experience? It's me, DevTools
Are you there Page Experience? It's me, DevToolsAre you there Page Experience? It's me, DevTools
Are you there Page Experience? It's me, DevTools
 
PWA - Progressive WordPress Apps
PWA - Progressive WordPress AppsPWA - Progressive WordPress Apps
PWA - Progressive WordPress Apps
 
Page Speed Insights: The Ballad of Improving Performance
Page Speed Insights: The Ballad of Improving PerformancePage Speed Insights: The Ballad of Improving Performance
Page Speed Insights: The Ballad of Improving Performance
 
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM TRACKING WITH GOOGLE ANALYTICS.pptx
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM  TRACKING WITH GOOGLE ANALYTICS.pptxEMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM  TRACKING WITH GOOGLE ANALYTICS.pptx
EMERCE - 2024 - AMSTERDAM - CROSS-PLATFORM TRACKING WITH GOOGLE ANALYTICS.pptx
 
Proven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testersProven strategy for testing pw as aus-agile_testers
Proven strategy for testing pw as aus-agile_testers
 
Tangoe matrix sprint 15 usable and light weight user interface demo - sep -...
Tangoe matrix sprint 15 usable and light weight user interface   demo - sep -...Tangoe matrix sprint 15 usable and light weight user interface   demo - sep -...
Tangoe matrix sprint 15 usable and light weight user interface demo - sep -...
 
Core Web Vitals and Your Search Rankings
Core Web Vitals and Your Search Rankings Core Web Vitals and Your Search Rankings
Core Web Vitals and Your Search Rankings
 
Edge 2016 measuring what matters
Edge 2016 measuring what mattersEdge 2016 measuring what matters
Edge 2016 measuring what matters
 
Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06Real User Measurement Insights, London WebPerf 2018-Nov-06
Real User Measurement Insights, London WebPerf 2018-Nov-06
 
From AMP to PWA
From AMP to PWAFrom AMP to PWA
From AMP to PWA
 
Cloud Migration - The Earlier You Instrument, The Faster You Go
Cloud Migration - The Earlier You Instrument, The Faster You GoCloud Migration - The Earlier You Instrument, The Faster You Go
Cloud Migration - The Earlier You Instrument, The Faster You Go
 
Performance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of TomorrowPerformance and User Experience for the Web of Tomorrow
Performance and User Experience for the Web of Tomorrow
 
cloudcomputing.pptx
cloudcomputing.pptxcloudcomputing.pptx
cloudcomputing.pptx
 
Improving frontend performance
Improving frontend performanceImproving frontend performance
Improving frontend performance
 
[Public] between two worlds native&no-native experiences
[Public] between two worlds  native&no-native experiences[Public] between two worlds  native&no-native experiences
[Public] between two worlds native&no-native experiences
 
#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...
#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...
#MBLTdev: Разработка backend для мобильного приложения с использованием Googl...
 
Third Party Performance (Velocity, 2014)
Third Party Performance (Velocity, 2014)Third Party Performance (Velocity, 2014)
Third Party Performance (Velocity, 2014)
 
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
Common Traits of High Performing Websites, WebPerfDays Amsterdam 07-Nov-2018
 
Cloudflare Speed Week Recap
Cloudflare Speed Week RecapCloudflare Speed Week Recap
Cloudflare Speed Week Recap
 

More from Cliff Crocker

Walmart Web Performance Circa 2013
Walmart Web Performance Circa 2013Walmart Web Performance Circa 2013
Walmart Web Performance Circa 2013
Cliff Crocker
 
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
Cliff Crocker
 
Velocity NY 2014 - The Natives are Getting Restless
Velocity NY 2014 - The Natives are Getting RestlessVelocity NY 2014 - The Natives are Getting Restless
Velocity NY 2014 - The Natives are Getting Restless
Cliff Crocker
 
Managing the unmanageable - Third Party RUM
Managing the unmanageable - Third Party RUMManaging the unmanageable - Third Party RUM
Managing the unmanageable - Third Party RUM
Cliff Crocker
 
Rum first london web perf meetup
Rum first   london web perf meetupRum first   london web perf meetup
Rum first london web perf meetup
Cliff Crocker
 
"Rum First" NYC Webperf Meetup
"Rum First" NYC Webperf Meetup"Rum First" NYC Webperf Meetup
"Rum First" NYC Webperf Meetup
Cliff Crocker
 

More from Cliff Crocker (6)

Walmart Web Performance Circa 2013
Walmart Web Performance Circa 2013Walmart Web Performance Circa 2013
Walmart Web Performance Circa 2013
 
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
Velocity NYC: Metrics, metrics everywhere (but where the heck do you start?)
 
Velocity NY 2014 - The Natives are Getting Restless
Velocity NY 2014 - The Natives are Getting RestlessVelocity NY 2014 - The Natives are Getting Restless
Velocity NY 2014 - The Natives are Getting Restless
 
Managing the unmanageable - Third Party RUM
Managing the unmanageable - Third Party RUMManaging the unmanageable - Third Party RUM
Managing the unmanageable - Third Party RUM
 
Rum first london web perf meetup
Rum first   london web perf meetupRum first   london web perf meetup
Rum first london web perf meetup
 
"Rum First" NYC Webperf Meetup
"Rum First" NYC Webperf Meetup"Rum First" NYC Webperf Meetup
"Rum First" NYC Webperf Meetup
 

Recently uploaded

Book dating , international dating phgra
Book dating , international dating phgraBook dating , international dating phgra
Book dating , international dating phgra
thomaskurtha9
 
一比一原版(爱大毕业证书)英国爱丁堡大学毕业证如何办理
一比一原版(爱大毕业证书)英国爱丁堡大学毕业证如何办理一比一原版(爱大毕业证书)英国爱丁堡大学毕业证如何办理
一比一原版(爱大毕业证书)英国爱丁堡大学毕业证如何办理
taqyea
 
一比一原版(mqu毕业证)麦考瑞大学毕业证如何办理
一比一原版(mqu毕业证)麦考瑞大学毕业证如何办理一比一原版(mqu毕业证)麦考瑞大学毕业证如何办理
一比一原版(mqu毕业证)麦考瑞大学毕业证如何办理
taqyea
 
一比一原版(aber毕业证)亚伯大学毕业证如何办理
一比一原版(aber毕业证)亚伯大学毕业证如何办理一比一原版(aber毕业证)亚伯大学毕业证如何办理
一比一原版(aber毕业证)亚伯大学毕业证如何办理
taqyea
 
Massey University degree offer diploma Transcript
Massey University degree offer diploma TranscriptMassey University degree offer diploma Transcript
Massey University degree offer diploma Transcript
ubufe
 
一比一原版(ukc毕业证书)英国肯特大学毕业证如何办理
一比一原版(ukc毕业证书)英国肯特大学毕业证如何办理一比一原版(ukc毕业证书)英国肯特大学毕业证如何办理
一比一原版(ukc毕业证书)英国肯特大学毕业证如何办理
taqyea
 
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
taqyea
 
PSD to Wordpress Service Providers in 2024
PSD to Wordpress Service Providers in 2024PSD to Wordpress Service Providers in 2024
PSD to Wordpress Service Providers in 2024
Bestdesign2hub
 
Megalive99 Situs Betting Online Gacor Terpercaya
Megalive99 Situs Betting Online Gacor TerpercayaMegalive99 Situs Betting Online Gacor Terpercaya
Megalive99 Situs Betting Online Gacor Terpercaya
Megalive99
 
Founders Of Digital World Social Media..
Founders Of Digital World Social Media..Founders Of Digital World Social Media..
Founders Of Digital World Social Media..
jom pom
 
一比一原版(london毕业证书)英国伦敦大学毕业证如何办理
一比一原版(london毕业证书)英国伦敦大学毕业证如何办理一比一原版(london毕业证书)英国伦敦大学毕业证如何办理
一比一原版(london毕业证书)英国伦敦大学毕业证如何办理
taqyea
 
How to Choose the Right UIUX Design Service for Optimal Customer Experience
How to Choose the Right UIUX Design Service for Optimal Customer ExperienceHow to Choose the Right UIUX Design Service for Optimal Customer Experience
How to Choose the Right UIUX Design Service for Optimal Customer Experience
Serva AppLabs
 
Common Challenges in UI UX Design and How Services Can Help.pdf
Common Challenges in UI UX Design and How Services Can Help.pdfCommon Challenges in UI UX Design and How Services Can Help.pdf
Common Challenges in UI UX Design and How Services Can Help.pdf
Serva AppLabs
 
一比一原版(bu毕业证书)英国伯恩茅斯大学毕业证如何办理
一比一原版(bu毕业证书)英国伯恩茅斯大学毕业证如何办理一比一原版(bu毕业证书)英国伯恩茅斯大学毕业证如何办理
一比一原版(bu毕业证书)英国伯恩茅斯大学毕业证如何办理
taqyea
 
Lincoln University degree offer diploma Transcript
Lincoln University degree offer diploma TranscriptLincoln University degree offer diploma Transcript
Lincoln University degree offer diploma Transcript
ubufe
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
taqyea
 
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
ffg01100
 
very nice project on internet class 10.pptx
very nice project on internet class 10.pptxvery nice project on internet class 10.pptx
very nice project on internet class 10.pptx
bazukagaming6
 
Future Trends What's Next for UI UX Design on Websites
Future Trends What's Next for UI UX Design on WebsitesFuture Trends What's Next for UI UX Design on Websites
Future Trends What's Next for UI UX Design on Websites
Serva AppLabs
 
一比一原版(heriotwatt毕业证书)英国赫瑞瓦特大学毕业证如何办理
一比一原版(heriotwatt毕业证书)英国赫瑞瓦特大学毕业证如何办理一比一原版(heriotwatt毕业证书)英国赫瑞瓦特大学毕业证如何办理
一比一原版(heriotwatt毕业证书)英国赫瑞瓦特大学毕业证如何办理
taqyea
 

Recently uploaded (20)

Book dating , international dating phgra
Book dating , international dating phgraBook dating , international dating phgra
Book dating , international dating phgra
 
一比一原版(爱大毕业证书)英国爱丁堡大学毕业证如何办理
一比一原版(爱大毕业证书)英国爱丁堡大学毕业证如何办理一比一原版(爱大毕业证书)英国爱丁堡大学毕业证如何办理
一比一原版(爱大毕业证书)英国爱丁堡大学毕业证如何办理
 
一比一原版(mqu毕业证)麦考瑞大学毕业证如何办理
一比一原版(mqu毕业证)麦考瑞大学毕业证如何办理一比一原版(mqu毕业证)麦考瑞大学毕业证如何办理
一比一原版(mqu毕业证)麦考瑞大学毕业证如何办理
 
一比一原版(aber毕业证)亚伯大学毕业证如何办理
一比一原版(aber毕业证)亚伯大学毕业证如何办理一比一原版(aber毕业证)亚伯大学毕业证如何办理
一比一原版(aber毕业证)亚伯大学毕业证如何办理
 
Massey University degree offer diploma Transcript
Massey University degree offer diploma TranscriptMassey University degree offer diploma Transcript
Massey University degree offer diploma Transcript
 
一比一原版(ukc毕业证书)英国肯特大学毕业证如何办理
一比一原版(ukc毕业证书)英国肯特大学毕业证如何办理一比一原版(ukc毕业证书)英国肯特大学毕业证如何办理
一比一原版(ukc毕业证书)英国肯特大学毕业证如何办理
 
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
一比一原版(uom毕业证)曼彻斯特大学毕业证如何办理
 
PSD to Wordpress Service Providers in 2024
PSD to Wordpress Service Providers in 2024PSD to Wordpress Service Providers in 2024
PSD to Wordpress Service Providers in 2024
 
Megalive99 Situs Betting Online Gacor Terpercaya
Megalive99 Situs Betting Online Gacor TerpercayaMegalive99 Situs Betting Online Gacor Terpercaya
Megalive99 Situs Betting Online Gacor Terpercaya
 
Founders Of Digital World Social Media..
Founders Of Digital World Social Media..Founders Of Digital World Social Media..
Founders Of Digital World Social Media..
 
一比一原版(london毕业证书)英国伦敦大学毕业证如何办理
一比一原版(london毕业证书)英国伦敦大学毕业证如何办理一比一原版(london毕业证书)英国伦敦大学毕业证如何办理
一比一原版(london毕业证书)英国伦敦大学毕业证如何办理
 
How to Choose the Right UIUX Design Service for Optimal Customer Experience
How to Choose the Right UIUX Design Service for Optimal Customer ExperienceHow to Choose the Right UIUX Design Service for Optimal Customer Experience
How to Choose the Right UIUX Design Service for Optimal Customer Experience
 
Common Challenges in UI UX Design and How Services Can Help.pdf
Common Challenges in UI UX Design and How Services Can Help.pdfCommon Challenges in UI UX Design and How Services Can Help.pdf
Common Challenges in UI UX Design and How Services Can Help.pdf
 
一比一原版(bu毕业证书)英国伯恩茅斯大学毕业证如何办理
一比一原版(bu毕业证书)英国伯恩茅斯大学毕业证如何办理一比一原版(bu毕业证书)英国伯恩茅斯大学毕业证如何办理
一比一原版(bu毕业证书)英国伯恩茅斯大学毕业证如何办理
 
Lincoln University degree offer diploma Transcript
Lincoln University degree offer diploma TranscriptLincoln University degree offer diploma Transcript
Lincoln University degree offer diploma Transcript
 
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
一比一原版(lu毕业证书)英国拉夫堡大学毕业证如何办理
 
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
202254.com全网最高清影视香蕉影视,热门电影推荐,热门电视剧在线观看,免费电影,电影在线,在线观看。球华人在线電視劇,免费点播,免费提供最新高清的...
 
very nice project on internet class 10.pptx
very nice project on internet class 10.pptxvery nice project on internet class 10.pptx
very nice project on internet class 10.pptx
 
Future Trends What's Next for UI UX Design on Websites
Future Trends What's Next for UI UX Design on WebsitesFuture Trends What's Next for UI UX Design on Websites
Future Trends What's Next for UI UX Design on Websites
 
一比一原版(heriotwatt毕业证书)英国赫瑞瓦特大学毕业证如何办理
一比一原版(heriotwatt毕业证书)英国赫瑞瓦特大学毕业证如何办理一比一原版(heriotwatt毕业证书)英国赫瑞瓦特大学毕业证如何办理
一比一原版(heriotwatt毕业证书)英国赫瑞瓦特大学毕业证如何办理
 

Measuring What Matters - Fluent Conf 2018

  • 1. @Akamai Measuring What Matters Focusing on Perception Metrics Cliff Crocker, Product Line Director Web Performance at Akamai @cliffcrocker
  • 3. 80x 30s per day, people log into their phones more than half of smartphone sessions are 30secs or less Waiting for slow pages to load Being shown interstitials Encountering unplayable videos Getting redirected to the homepage Other 46% 16% 16% 13% 11% Source: @lukew User Experience Focus Mobile User Behavior
  • 4. Google Data, Aggregated, anonymized Google Analytics data from a sample of mWeb sites opted into sharing benchmark data, n=3.7K, Global, March 2016 53% are abandoned if it takes longer than 3 seconds to load of mobile site visits Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performance Page Speed Update User Experience Focus Google ranking to factor mobile perf - July ‘18
  • 5. ©2014 AKAMAI | FASTER FORWARDTM Foundational Metrics Get Ready for the Firehose
  • 6. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Navigation Timing
  • 7. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Navigation Timing Browser Events Front End TTFB Server/Back End DNS Connect NetworkSSL
  • 8. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Resource Timing
  • 9. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Resource Timing
  • 10. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Resource Timing 2 -> Encoded -> Decoded -> Transfer Size Matters
  • 11. How we talk about it -> In reality -> Real User Measurements 101 What’s happening on the backend?
  • 12. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Server Timing
  • 13. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Server Timing Server-Timing: <name>; duration="<duration>"; description="<description>" Examples: Server-Timing: cache-hit Server-Timing: auth; duration=75 Server-Timing: bytes-on-disk; description=17000 Server-Timing: db; duration=120; description="database access"
  • 14. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Time to First Paint First Paint entry contains a DOMHighResTimeStamp reporting the time when the browser first rendered after navigation. This excludes the default background paint, but includes non-default background paint. This is the first key moment developers care about in page load – when the browser has started to render the page. First Contentful Paint entry contains a DOMHighResTimeStamp reporting the time when the browser first rendered any text, image (including background images), non-white canvas or SVG. This includes text with pending webfonts. This is the first time users could start consuming page content.
  • 15. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Time to First Paint
  • 16. ©2014 AKAMAI | FASTER FORWARDTM PURE JANK
  • 17. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Long Tasks API
  • 18. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements 101 Long Tasks API Long Task: An event loop task that exceeds 50ms Often contributing to: Delayed interaction, “jankiness” in scrolling and animations
  • 19. ©2014 AKAMAI | FASTER FORWARDTM Measuring Perception
  • 20. ©2014 AKAMAI | FASTER FORWARDTM Server Network Browser User Back end APM Traditional RUM RUM w/ Perceived Performance Do you really know when the page is ready for use? Are deferred elements blocking interactivity? Impacted by CPU limitations on mobile? Back-end Time Network Time Page Load Time Focus on Customer Experience What does perception really mean? Interactivity
  • 21. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performance https://developers.google.com/web/fundamentals/performance/rail
  • 22. ©2014 AKAMAI | FASTER FORWARDTM Time to Visually Ready Time to Interactive
  • 23. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements Time to Visually Ready (TTVR) TTVR: When the page appears to be ready. Signals used: 1. Time to first paint (if available) 2. domContentLoadedEventEnd 3. Hero Image (if defined) 4. Framework ready (if defined) Highest signal = TTVR 1 2
  • 24. ©2014 AKAMAI | FASTER FORWARDTM Google ”Speed Update” – July 2018 Google’s search ranking will begin factoring in mobile performanceReal User Measurements Time to Interactive (TTI) TTI: After TTVR, when would they have a good experience? Signals used - “page is interactive if…” 1. Frames per second (FPS) > 20 FPS -> All modern browsers 2. No long task events that are frame blocking -> Chrome only 3. Page Busy (request idle callback polling) -> All browsers TTVR + point when 1-3 are true for 500ms = TTI
  • 25. ©2018 AKAMAI mPulse Page Load Time what we’ve been optimizing for Time to Visually Ready Time to Interactive Time to First Interaction Application Looks Ready Application is Actually Ready Actual User Interaction (key, click, scroll) Focus on Customer Experience Is there a gap in your understanding of performance? Gapinperceived performance
  • 26. ©2018 AKAMAI mPulseInform Your Performance Budget Tune your application and delivery for performance How heavy is my page? How much of that is HTML? Are my images overweight? Is JS contributing to page weight? Am I leveraging browser cache effectively? Too many http requests?