Remove articles webassembly-component-model
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. Establish a performance culture. Could be implemented using Puppeteer and Chrome.

article thumbnail

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

Smashing Magazine

There are a couple of different models, and the ones discussed below are quite opinionated — just make sure to set your own priorities early on. Component-Level CPU Costs Just like with the CPU time spent , this metric, proposed by Stoyan Stefanov, explores the impact of JavaScript on CPU. RAIL , a user-centric performance model.

article thumbnail

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

Smashing Magazine

There are a couple of different models, and the ones discussed below are quite opinionated — just make sure to set your own priorities early on. RAIL , a user-centric performance model. Furthermore, the amount of data returned through REST is often more than what is needed to render that component.