Remove Cache Remove Magazine Remove Technology Remove Testing Tools
article thumbnail

Performance Game Changer: Browser Back/Forward Cache

Smashing Magazine

Performance Game Changer: Browser Back/Forward Cache. Performance Game Changer: Browser Back/Forward Cache. With that caveat out of the way, let’s get to the guts of the article: What is the Back/Forward Cache and why does it matter so much? Didn’t The HTTP Cache Do All That Anyway? Barry Pollard.

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

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

What Web Designers Can Do To Speed Up Mobile Websites

Smashing Magazine

One tool that’s particularly helpful is called Lighthouse. Instead, I suggest that web designers use another Google testing tool called Test My Site. Test My Site is a mobile page speed testing tool from Think with Google. Source: Test My Site ) ( Large preview ). Clean coding practices.

Website 110
article thumbnail

Optimizing Next.js Applications With Nx

Smashing Magazine

Nx is an open-source build framework that helps you architect, test, and build at any scale — integrating seamlessly with modern technologies and libraries, while providing a robust command-line interface (CLI), caching, and dependency management. Nx provides preconfigured test tools for unit testing and E2E tests.

Cache 109
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.

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

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. Will be enabled by default in version 15, which is currently in technology preview. This is true, but only to a relatively limited extent.

Network 104