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.
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.
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 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.
Explores the need for responsive images in web development, analyzing performance benefits and implementation challenges.
Introducing the hippify JavaScript plugin for swapping high-resolution images on high-PPI, non-mobile displays.
Explores automated testing for image download behavior in responsive web design using CSS media queries and Browsercope.
