Smashing Magazine

JANUARY 11, 2021

Build Optimizations JavaScript modules, module/nomodule pattern, tree-shaking, code-splitting, scope-hoisting, Webpack, differential serving, web worker, WebAssembly, JavaScript bundles, React, SPA, partial hydration, import on interaction, 3rd-parties, cache. Performance Budgets, Pragmatically shows you a strategy to achieve that.

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

JANUARY 6, 2020

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. when web fonts aren’t loaded yet). Planning, planning, planning.

Performance 145

Performance Cache Network Metrics 145

Alex Russell

OCTOBER 22, 2017

This rework delays launch which, in turn, delays gathering data about the viability of a PWA strategy. Budgets are scaled to a benchmark network & device. Deciding what benchmark to use for a performance budget is crucial. They use “do what it takes” language to describe the efforts to get and stay fast.

Performance 68

Performance Benchmarking Network Mobile 68