Explores techniques to reduce Docker image size, starting with multi-stage builds, static vs. dynamic linking, and introducing Alpine Linux.
Discusses Chrome's new native lazy loading for images, its current limitations, and why developers should be cautious about adopting it immediately.
Explains the security and performance differences between Docker's COPY and ADD commands, recommending COPY for safer image builds.
A guide to the WebP image format, explaining its benefits over PNG/JPG and providing conversion methods and web implementation techniques.
A developer's guide to automating image optimization, including compression, file naming, and directory structure for a static blog.
Revisits the 'compressive images' technique for responsive web design, analyzing its modern relevance, performance trade-offs, and memory impact.
A guide to implementing responsive images for web performance, covering mindset, techniques, and calculations for optimal image delivery.
A technique to reduce image file size by lowering contrast in the source image and restoring it with CSS filters, improving web performance.
Explains how to use the Network Information API within a Service Worker to dynamically load different image resolutions based on the user's connection speed.
Explores using Alpine Linux to create significantly smaller Docker images compared to standard Debian-based ones.
A developer discusses implementing an image optimization library within the Stitcher framework's responsive images module.
Explains an algorithm for responsive images that scales based on target file size to optimize bandwidth, with PHP implementation details.
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.
A guide to optimizing CSS image sprites for better web performance, covering file separation, PNG8, UTF-8 icons, and memory management.
A guide for designers on improving website performance through image optimization and integrating performance into the design process.
A technical guide on converting images to progressive JPEGs using the GraphicsMagick library and Node.js for improved web performance.
A technical guide on using docker-squash to reduce Docker image size by merging layers, focusing on a Python 2.7.11 example.
Explains why Docker images become large and provides techniques to create smaller, more efficient images using multi-stage builds and layer optimization.
A guide to batch optimizing PNG files using Photoshop, the TinyPNG plugin, and Adobe ExtendScript Toolkit.
