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

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

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

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.