article thumbnail

Modern Methods For Improving Drupal’s Largest Contentful Paint Core Web Vital

Smashing Magazine

400 pages , jam-packed with in-depth user research and best practices. Web developers should learn to use various testing tools such as Lighthouse and WebPageTest. Meet Touch Design for Mobile Interfaces , Steven Hoober’s brand-new guide on designing for mobile with proven, universal, human-centric guidelines.

Media 73
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. 400 pages , jam-packed with in-depth user research and best practices.

Cache 91
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

Search Engine Optimization Checklist (PDF)

Smashing Magazine

Implementing SEO best practice doesn’t just give you the best chance possible of ranking well in search engines; it makes your websites better by scrutinizing quality, design, accessibility, and speed, among other things. Following best practice usually means a better website, more organic traffic, and happier visitors.

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. This component incorporates several image-related best practices. Barry Pollard has written an excellent in-depth article about CLS.

Website 105
article thumbnail

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

Smashing Magazine

Of course, any unintended side-effects and bugs can still happen and these should be caught with the visual regression testing tools which we’ll cover in one of the following sections of the article. We’ll develop the card component in isolation and use the agreed standards and best practices. Large preview ).

Strategy 132
article thumbnail

Email Testing Flow As It Should Be

Smashing Magazine

It is recommended to follow rules and best practices of building and sending emails. Spell checkers and content testing tools are helpful for emails as well. Preheader Testing Tool also provides similar functionality. How To Test Email Deliverability. How can we address these challenges?

Testing 109
article thumbnail

HTTP/3: Practical Deployment Options (Part 3)

Smashing Magazine

You would, however, be hard-pressed even today to find a good article that details the nuanced best practices. This is because, as I stated in the introduction to part 1 , much of the early HTTP/2 content was overly optimistic about how well it would work in practice, and some of it, quite frankly, had major mistakes and bad advice.

Network 104