The Duality of CLS with Lazy Loading Components
Explains how lazy loading components can cause Cumulative Layout Shift (CLS) on slow connections and offers solutions to prevent it.
Explains how lazy loading components can cause Cumulative Layout Shift (CLS) on slow connections and offers solutions to prevent it.
Explains how Core Web Vitals apply to Single-Page Applications (SPAs), highlighting measurement gaps and optimization strategies like SSR.
A summary of talks from a green-themed web performance meetup, focusing on how web developers can reduce their sites' environmental impact.
Explains survivorship bias in web performance, using examples like Project Feather to show how missing data from failed users skews metrics.
An independent web performance consultant explains the value they bring to organizations by focusing teams, sharing cross-client best practices, and driving measurable improvements.
A guide to configuring HTTP caching headers for web assets, covering best practices for versioned files, HTML, and cache invalidation.
Learn to write bash scripts for converting and optimizing images (JPG, PNG, WebP, SVG) from the command line to improve web performance.
A technical guide to optimizing hero videos on landing pages for faster load times and better UX, covering aspect ratios and layout shifts.
A comprehensive cheatsheet explaining key web performance metrics like LCP, FCP, and TTFB, based on a conference talk.
Philip Walton critiques the web performance community's over-reliance on synthetic metrics, arguing for more nuanced, real-world context in performance discussions.
Explains Google's Core Web Vitals (LCP, FID, CLS) for SEO, using GIFs to illustrate performance metrics and optimization causes.
A guide to quickly compress and resize large images for webpages using a browser-only workflow to improve loading times.
A comparison of the 1996 and 2021 Space Jam websites, analyzing their file sizes and load times on period-appropriate connections.
Argues for using system fonts like Arial and Times New Roman to improve website speed, reduce data usage, and lower environmental impact.
Article summarizes multiple studies showing how slow website performance increases user stress and frustration, impacting business metrics.
A detailed timeline and analysis of Google's Core Web Vitals updates, their impact on SEO, and how the Page Experience ranking signal works.
Exploring prefetching heuristics for web performance, covering strategies, trade-offs, and implementation considerations.
Analysis of Ember.js performance data reveals Fandom mobile sites significantly increase median JavaScript processing times, skewing benchmarks.
How to enable gzip compression for text resources on a website hosted with GitLab Pages to improve page load performance.
Learn how to enable AMP (Accelerated Mobile Pages) in Next.js projects, including AMP-only and hybrid modes with the useAmp hook.