Remove Best Practices Remove Cache Remove Latency 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. Lighthouse , Calibre , WebPageTest ) and. Large preview ).

article thumbnail

Front-End Performance Checklist 2019 [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.

Insiders

Sign Up for our Newsletter

This site is protected by reCAPTCHA and the Google Privacy Policy and Terms of Service apply.

Trending Sources

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.

article thumbnail

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 107