Smashing Magazine

JANUARY 11, 2021

Defining The Environment Choosing a framework, baseline performance cost, Webpack, dependencies, CDN, front-end architecture, CSR, SSR, CSR + SSR, static rendering, prerendering, PRPL pattern. Assets Optimizations Brotli, AVIF, WebP, responsive images, AV1, adaptive media loding, video compression, web fonts, Google fonts.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

You can then mimic the 90th percentile’s experience for testing. To get a good first impression of how your competitors perform, you can use Chrome UX Report ( CrUX , a ready-made RUM data set, video introduction by Ilya Grigorik and detailed guide by Rick Viscomi) or Treo Sites , a RUM monitoring tool that is powered by Chrome UX Report.

Performance 145

Performance Cache Network Metrics 145

Smashing Magazine

JANUARY 7, 2019

You can then mimic the 90th percentile’s experience for testing. Also, make both performance budget and current performance visible by setting up dashboards with graphs reporting build sizes. There are many tools allowing you to achieve that: SiteSpeed.io Use progressive enhancement as a default.

Performance 103

Performance Cache Metrics Network 103