Image for post
Image for post

Measure, Optimize & Monitor.

Addy Osmani
Nov 12, 2018 · 3 min read

Performance is a constant process, not a one-time checklist. It requires continuous monitoring and work. A useful workflow when investing in performance is Measure, Optimize & Monitor.

A few tips:

  • Link performance to your business goals. Help stakeholders measure how performance impacts the core business metrics they care about. (e.g conversions, bounce rates, brand perception)
  • Real-world performance is diverse. Measure performance on mobile devices & network connections common to your actual users. Understand your bottlenecks and their impact on user-centric performance metrics.
  • When optimizing, load only what you need when you need it. Actively manage your payloads and keep start-up times short.
  • Add performance budgets to continuous integration. Enable engineers and PMs to visualize the “cost” of each new feature. Often businesses don’t understand what is “acceptable” performance or the user-impact to perf of introducing new features.
Image for post
Image for post
  • Ensure tests measuring lab conditions collect the same (or similar) metrics from the real-world (RUM). Performance impact on metrics in the real-world can be highly variable due to differences in devices, networks and other conditions.
  • Measure optimizations had the intended effect (e.g A/B test). A “fix” may not be correct if it improves one metric at the cost of another.
  • Add regular proactive reporting on performance progress to highlight success (e.g emails, dashboards, alerts). This ensures performance is a regular part of the conversation and is conveyed in a way that can be digested by more people.

At Chrome Dev Summit 2018, we just released a number of tools to help web developers on their road to faster experiences:

Image for post
Image for post
https://developers.google.com/speed/pagespeed/insights/
  • web.dev is a free new Lighthouse-powered developer education platform. It enables monitoring your progress optimizing your site over time.
Image for post
Image for post
Image for post
Image for post
https://web.dev
  • lighthouse-ci now supports setting a budget for the Lighthouse performance score (e.g. 80/100). Teams can monitor what causes regressions. web.dev includes a handy guide for getting started.
Image for post
Image for post
There are of course a plethora of other great tools for helping you on your journey to measuring, optimizing and monitoring including SpeedCurve and Calibre.

Experiences have poor performance if they load slowly, have janky animations, freeze or consume a lot of memory. To avoid these performance problems, use the tools available to you to measure, optimize and monitor your performance. This is a good way to get fast and stay fast.

Welcome to a place where words matter. On Medium, smart voices and original ideas take center stage - with no ads in sight. Watch

Follow all the topics you care about, and we’ll deliver the best stories for you to your homepage and inbox. Explore

Get unlimited access to the best stories on Medium — and support writers while you’re at it. Just $5/month. Upgrade

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store