Remove 2013 Remove Benchmarking Remove Cache Remove Testing Tools
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

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

Smashing Magazine

Keep in mind that a good performance picture covers a set of performance metrics, lab data and field data : Synthetic testing tools collect lab data in a reproducible environment with predefined device and network settings (e.g. Real User Monitoring ( RUM ) tools evaluate user interactions continuously and collect field data (e.g.