Remove Benchmarking Remove Cache Remove Efficiency Remove Transportation
article thumbnail

Front-End Performance Checklist 2021

Smashing Magazine

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. This improves page load time and caching during navigations.

article thumbnail

Can You Afford It?: Real-world Web Performance Budgets

Alex Russell

Budgets are scaled to a benchmark network & device. Deciding what benchmark to use for a performance budget is crucial. Contended, over-subscribed cells can make “fast” networks brutally slow, transport variance can make TCP much less efficient , and the bursty nature of web traffic works against us.

article thumbnail

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

Smashing Magazine

Geekbench CPU performance benchmarks for the highest selling smartphones globally in 2019. In exchange, your team gains maintainability and developer efficiency, of course. PRPL stands for Pushing critical resource, Rendering initial route, Pre-caching remaining routes and Lazy-loading remaining routes on demand.