Remove Best Practices Remove Cache Remove Internet 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. From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19).

article thumbnail

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

Smashing Magazine

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). From Fast By Default: Modern Loading Best Practices by Addy Osmani (Slides 18, 19). PRPL stands for Pushing critical resource, Rendering initial route, Pre-caching remaining routes and Lazy-loading remaining routes on demand.

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

From Fast By Default: Modern loading best practices by Addy Osmani (Slide 19). The idea is quite straightforward: Push the minimal code needed to get interactive for the initial route to render quickly, then use service worker for caching and pre-caching resources and then lazy-load routes that you need, asynchronously.

article thumbnail

HTTP/3 From A To Z: Core Concepts (Part 1)

Smashing Magazine

It’s also one of the reasons we can keep using the Internet with many concurrent users, because it smartly limits each user’s bandwidth usage to their fair share. As another example, most applications on the Internet use TCP internally to ensure that all of their data are transmitted in full. Did You Know?

article thumbnail

HTTP/3: Performance Improvements (Part 2)

Smashing Magazine

This is because HTTP/3 and QUIC mainly help deal with the somewhat uncommon yet potentially high-impact problems that can arise on today’s Internet. An often used metaphor is that of a pipe used to transport water. The Internet also doesn’t have mechanisms (yet) to signal link capacities back to the endpoints.