Remove Cache Remove Magazine Remove Strategy 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. Performance Budgets, Pragmatically shows you a strategy to achieve that.

article thumbnail

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

Smashing Magazine

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and eventually it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. Set up "clean" and "customer" profiles for testing.

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

It might be tempting to get into quick "low-hanging-fruits"-optimizations early on — and it might be a good strategy for quick wins — but it will be very hard to keep performance a priority without planning and setting realistic, company-tailored performance goals. Lighthouse , a performance auditing tool integrated into DevTools.

article thumbnail

What Web Designers Can Do To Speed Up Mobile Websites

Smashing Magazine

As a result, she came back to me concerned with publishing a post on a strategy her agency had yet to adopt successfully. One tool that’s particularly helpful is called Lighthouse. Instead, I suggest that web designers use another Google testing tool called Test My Site. Source: Test My Site ) ( Large preview ).

Website 110
article thumbnail

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

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. Upon receipt of a valid Alt-Svc header indicating HTTP/3 support, the browser will cache this and try to set up a QUIC connection from then on.

Network 104