The Contrast Swap Technique: Improved Image Performance with CSS Filters
A technique to reduce image file size by lowering contrast in the source image and restoring it with CSS filters, improving web performance.
A technique to reduce image file size by lowering contrast in the source image and restoring it with CSS filters, improving web performance.
Discusses the challenges of achieving 120fps on the web, analyzing performance bottlenecks and best practices for smooth animations.
A guide to web performance fundamentals, covering mindset, HTML rendering, and practical optimization techniques for developers.
A critical analysis of Google AMP, focusing on its SEO incentives and impact on web performance and publisher adoption.
The author discusses their experience being interviewed on the Perfbytes podcast about the Visually Complete metric at a performance conference.
A developer discusses implementing the responsive images spec in Stitcher, focusing on challenges of image downscaling and integration.
Explains why GIFs are slow on the web and offers two solutions: replacing them with HTML5 video or using lossy compression tools.
The article explores how modern web bloat, like heavy CSS and JavaScript, makes websites unusable for people with slow, dialup-like internet connections.
A developer shares his journey advocating for and witnessing the launch of Speed Index and Visually Complete metrics in Dynatrace's products.
A guide to optimizing CSS image sprites for better web performance, covering file separation, PNG8, UTF-8 icons, and memory management.
Explains the six stages of the browser's Critical Rendering Path (CRP) and how understanding it is key to improving website performance.
Analyzes how modern JavaScript frameworks like Preact handle component prioritization during boot, questioning if they optimize for key web performance metrics.
Key takeaways from Velocity Europe on web performance measurement, focusing on flawed KPIs, user perception, and the pitfalls of gaming metrics.
A guide for designers on improving website performance through image optimization and integrating performance into the design process.
Explains how rotating carousels, ads, and popups distort web performance metrics like Speed Index and offers a technical fix using WebPageTest's activity timeout.
A performance comparison of different web techniques (CSS, SVG, Canvas, blend modes) for implementing grayscale image filters.
Explores the intersection of web performance and accessibility, focusing on how slow loading impacts users of assistive technologies like screen readers and keyboards.
The article critiques Google's AMP framework, arguing it restricts web development freedom, and proposes a standardized alternative for performance verification.
A presentation explaining the 'Speed Index' web performance metric, including a video and slides from a conference talk.
Explains how the experimental createImageBitmap API can move image decoding off the main thread to prevent jank and checkerboarding in web apps.