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

Performance 145

Performance Cache Media Metrics 145

Smashing Magazine

SEPTEMBER 6, 2021

This approach was touted to be better for fine-grained caching because each subresource could be cached individually and the full bundle didn’t need to be redownloaded if one of them changed. For example, you could reduce compression efficiency , because that works better with more data. Tools and Testing.

Network 105

Network Servers Cache Traffic 105

Smashing Magazine

JANUARY 7, 2019

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.

Performance 104

Performance Cache Network Metrics 104

Smashing Magazine

JANUARY 6, 2020

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.

Performance 145

Performance Cache Network Metrics 145