A guide for ASP.NET Core developers on optimizing image delivery using HTML's srcset and sizes attributes to improve performance and Core Web Vitals.
A guide to reducing PNG image file sizes using quantization with the pngquant tool, including command examples and results.
Learn how to use CSS's height: auto to override HTML image dimensions for responsive design without distortion.
A technical guide offering practical tips to improve website performance, covering image optimization, lazy loading, and font requests.
Analysis of the COP28 website's poor web sustainability and performance, highlighting greenwashing through excessive page weight and unoptimized assets.
A developer explains why they chose not to implement AVIF image format on their site, opting instead to optimize JPEG quality for file size savings.
A nostalgic and analytical look back at the dark themes and lasting impact of the Animorphs book series.
Common mistakes to avoid when building Docker container images, focusing on size optimization and best practices for efficient workflows.
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 on implementing a blur-to-load image experience to prevent layout shift and improve loading performance.
A guide to automating image optimization for a blog using Squoosh library and lint-staged to improve website performance.
A technical guide on using the ImageKit SDK to upload and optimize images in Node.js applications, including frontend integration.
A developer explains how they automated image generation and optimization using the Eleventy Image plugin for their static site.
Using Netlify's redirect feature to proxy Cloudinary image requests through your own domain for performance benefits.
A technical guide explaining a modern, non-hacky method to prevent layout shifts when loading responsive images in web development.
A developer explains the importance of image optimization for performance and cost, and details their journey to automate it using incremental builds.
A guide to optimizing .NET Core Docker image size using multi-stage builds and assembly trimming for a replication tool.
A browser extension that checks for missing or insufficient alt text on images to improve web accessibility for all users.
Final part of a series on advanced Docker image optimization techniques, covering base image standardization, binary stripping, and specialized tools.
Explains how to use browser Feature Policies like oversized-images and unoptimized-images to catch and prevent common web performance issues.
