How to compress images for a webpage
A guide to quickly compress and resize large images for webpages using a browser-only workflow to improve loading times.
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.
Chromium updates enable automatic hardware acceleration for SVG animations, percentage-based transforms, and upcoming background-color and clip-path animations.
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.
Analysis of key web performance trends for 2021, including Core Web Vitals, third-party optimization, and edge computing.
Explains why Google Fonts no longer offers caching performance benefits due to browser cache partitioning, advocating for self-hosting fonts.
Explains why website performance should be treated as a permanent feature, not a one-time project, using analogies from elite sports and the YouTube Feather case study.
Analyzes Google's Core Web Vitals and other page speed metrics, explaining how to choose and correlate them with business outcomes.
Data-driven analysis showing how website speed directly impacts bounce rates, conversion rates, and revenue.
A developer analyzes a third-party widget causing severe performance issues, blocking the main thread for 2.5s on a high-end laptop and 48.6s on a low-end Android device.
A guide to implementing Hugo's image processing features to optimize images, improve site performance, and fix lazy loading issues.
Analyzes how the number of DOM elements affects website performance, including style calculations, layout, and scrolling, with practical test results.
A guide to efficiently loading Google Fonts using resource hints, respecting users' data plans by conditionally loading fonts based on Data Saver settings.
Analysis of Chrome's Save-data client hint, exploring global opt-in rates, user demographics, and technical implementations for data-saving web experiences.