article thumbnail

Performance Game Changer: Browser Back/Forward Cache

Smashing Magazine

WebPageTest is one of the few web performance testing tools that actually tests a reload of the page using a primed HTTP Cache — most of the other tools just flag if your HTTP resources are not explicitly set to be cached. Back/Forward Cache Testing Tool. Large preview ). all the way down to 1.7

Cache 92
article thumbnail

Solving CLS Issues In A Next.js-Powered E-Commerce Website (Case Study)

Smashing Magazine

We use Lighthouse and WebPagetest as our synthetic testing tools for performance to measure CLS. At first, we decided to run some tests using synthetic testing tools. Therefore having a low CLS value for a page ensures there are no random layout shifts causing user frustration. 004 which is quite low.

Website 107
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

Optimizing Next.js Applications With Nx

Smashing Magazine

Nx provides standard tools for testing and styling in your Next.js Nx facilitates a monorepo for your applications, creating a workspace that can hold the source code and libraries of multiple applications, allowing you to share resources between applications. Nx provides preconfigured test tools for unit testing and E2E tests.

Cache 111
article thumbnail

Eye-Tracking In Mobile UX Research

Smashing Magazine

With detailed code walkthroughs , hands-on examples and common gotchas — all broken down into short, manageable lessons. It is very productive for web and mobile eye-tracking research to conduct studies with different versions of your website, application or advertisement, and competitors’ websites, known as A/B testing.

Mobile 113
article thumbnail

Refactoring CSS: Strategy, Regression Testing And Maintenance (Part 2)

Smashing Magazine

Refactoring is a challenging process that is much more complex than simply deleting the legacy code and replacing it with the refactored code. There is also the matter of integrating the refactored codebase with the legacy codebase and avoiding regressions, accidental code deletions, preventing stylesheet conflicts, etc.

Strategy 134
article thumbnail

The State Of Mobile And Why Mobile Web Testing Matters

Smashing Magazine

The earlier you invest in accessibility testing, the more you’ll save down the road on expensive consultancy, expensive third-party services, or expensive lawyers. Mobile Web Testing. So, with all the challenges in the mobile space, how, then, do we test on mobile? Testing the Smashing Magazine website on different devices.

Mobile 135
article thumbnail

Email Testing Flow As It Should Be

Smashing Magazine

Test your sending script. Here are two important aspects: Test whether your code works and sends emails in the right way. Spell checkers and content testing tools are helpful for emails as well. Preheader Testing Tool also provides similar functionality. How To Test Email Deliverability.

Testing 110