article thumbnail

In Defence of DOM­Content­Loaded

CSS Wizardry

I never thought I’d write an article in defence of DOMContentLoaded , but here it is… For many, many years now, performance engineers have been making a concerted effort to move away from technical metrics such as Load , and toward more user-facing, UX metrics such as Speed Index or Largest Contentful Paint. Or are they…?

Metrics 326
article thumbnail

2021 in review: It was a big year!

Speed Curve

We've been tracking these as individual metrics – Largest Contentful Paint, First Input Delay, and Cumulative Layout Shift – since before Google branded them as a set. Watch a demo video showing how to create custom charts and performance budgets for Web Vitals.). Industry speed benchmarks for Japan. Time period.

Retail 52
Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

article thumbnail

NEW: Compare ALL the things!

Speed Curve

One of the huge benefits of tracking web performance over time is the ability to see trends and compare metrics. Understand which metrics got better or worse. Now let's walk through how to run a comparison and analysis using a real-world example from our "Top Sites" demo account. Test case: CNN. Time to dig deeper.

Metrics 62
article thumbnail

The average web page is 3MB. How much should we care?

Speed Curve

Because the average page is now 3MB in size, and this seems like a good time to pause, check our assumptions, and ask ourselves: Is there any reason to care about page size as a performance metric? And if we don't consider page size a meaningful metric, then what should we care about? They represent trends – that's all.

Metrics 80
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

LogRocket tracks key metrics, incl. Getting Ready: Planning And Metrics Performance culture, Core Web Vitals, performance profiles, CrUX, Lighthouse, FID, TTI, CLS, devices. Getting Ready: Planning And Metrics. DOM complete, time to first byte, first input delay, client CPU and memory usage. Get a free trial of LogRocket today.

article thumbnail

Front-End Performance Checklist 2020 [PDF, Apple Pages, MS Word]

Smashing Magazine

Getting Ready: Planning And Metrics. Getting Ready: Planning And Metrics. You need a business stakeholder buy-in, and to get it, you need to establish a case study, or a proof of concept using the Performance API on how speed benefits metrics and Key Performance Indicators ( KPIs ) they care about. Table Of Contents. Quick Wins.