BestHub
Sign in
Tagged articles
98 articles
Page 1 of 1
vivo Internet Technology
vivo Internet Technology
May 6, 2026 · Frontend Development

Implementing AVIF at Vivo: Next‑Gen Image Format in Practice

The article details how Vivo’s front‑end team tackled performance bottlenecks by researching AVIF, designing a graceful degradation strategy with CDN edge caching and asynchronous server transcoding, implementing smart format detection, and validating a 20%+ size reduction over WebP that yielded 15‑25% LCP improvement, 30%+ first‑screen load gains and over 30% bandwidth savings.

AVIFCDNFrontend
0 likes · 12 min read
Implementing AVIF at Vivo: Next‑Gen Image Format in Practice
Raymond Ops
Raymond Ops
Apr 24, 2026 · Cloud Native

Multi‑Stage Docker Builds & SBOM: Shrink Images and Meet Security Compliance

This guide shows how to dramatically reduce container image size using Docker multi‑stage builds, choose minimal base images, automatically generate SPDX/CycloneDX SBOMs, sign images with Cosign, and integrate the whole process into CI/CD pipelines for secure, lightweight deployments.

DevOpsDockerImage Optimization
0 likes · 21 min read
Multi‑Stage Docker Builds & SBOM: Shrink Images and Meet Security Compliance
Raymond Ops
Raymond Ops
Mar 26, 2026 · Cloud Native

How to Shrink Docker Images by 70% and Harden Them with Trivy

This guide explains how to dramatically shrink Docker image sizes by up to 70% using multi‑stage builds, Alpine or Distroless bases, layer merging, .dockerignore, and BuildKit, while also integrating Trivy security scanning, non‑root users, SUID removal, and CI/CD automation to ensure a lean, secure container deployment.

AlpineDockerImage Optimization
0 likes · 29 min read
How to Shrink Docker Images by 70% and Harden Them with Trivy
Go Development Architecture Practice
Go Development Architecture Practice
Feb 13, 2026 · Cloud Native

How to Shrink Docker Images by Up to 98%: Practical Labs and Tips

This step‑by‑step guide explains Docker image layers, demonstrates seven labs that progressively reduce image size using smaller base images, RUN command chaining, export/import compression, scratch builds, dynamic library extraction, and static Go binaries, achieving reductions from hundreds of megabytes to just a few megabytes.

ContainerDevOpsDocker
0 likes · 15 min read
How to Shrink Docker Images by Up to 98%: Practical Labs and Tips
Code Wrench
Code Wrench
Feb 8, 2026 · Cloud Native

How to Build Tiny, Clean, and Maintainable Docker Images for Go Services

This article shares practical experience and step‑by‑step guidance on constructing minimal, secure Go service Docker images using multi‑stage builds, scratch and distroless bases, and how to handle real‑world concerns like certificates and time zones.

Container SecurityDistrolessDocker
0 likes · 7 min read
How to Build Tiny, Clean, and Maintainable Docker Images for Go Services
Raymond Ops
Raymond Ops
Dec 25, 2025 · Operations

How to Shrink Docker Images from 600 MB to 60 MB: Proven Optimization Techniques

This guide shows how to dramatically reduce Docker image sizes—from hundreds of megabytes to just a few—by selecting lightweight base images, using multi‑stage builds, optimizing layers, leveraging .dockerignore, applying BuildKit, and automating checks, with real‑world metrics demonstrating up to 90% size cuts and faster builds.

AlpineBuildKitDistroless
0 likes · 13 min read
How to Shrink Docker Images from 600 MB to 60 MB: Proven Optimization Techniques
Ops Community
Ops Community
Nov 27, 2025 · Operations

How to Shrink a 1GB Docker Image to 50MB: 7 Proven Techniques

This guide explains why Docker image size matters for deployment speed, storage cost, and security, and walks through seven practical techniques—including multi‑stage builds, Alpine and Distroless bases, layer merging, dependency trimming, static compilation, and automated tools—to reduce a 1GB+ image to under 50 MB while preserving functionality.

AlpineDistrolessDocker
0 likes · 30 min read
How to Shrink a 1GB Docker Image to 50MB: 7 Proven Techniques
Linux Cloud Computing Practice
Linux Cloud Computing Practice
Oct 11, 2025 · Operations

How to Supercharge Docker Images: Speed, Size, and Security Tips

This article explains practical techniques for optimizing Docker images—including choosing lightweight base images, leveraging multi‑stage builds, using Docker's layer cache effectively, and consolidating RUN commands—to dramatically improve build speed, reduce image size, and enhance security.

DevOpsDockerImage Optimization
0 likes · 6 min read
How to Supercharge Docker Images: Speed, Size, and Security Tips
Raymond Ops
Raymond Ops
Oct 4, 2025 · Operations

6 Proven Ways to Shrink Your Docker Image Size

Learn six practical techniques—including using minimal base images, multi‑stage builds, layer minimization, cache awareness, .dockerignore files, and external data storage—to dramatically reduce Docker image size, improve build speed, and lower security risks for containerized applications.

CachingDistrolessDocker
0 likes · 15 min read
6 Proven Ways to Shrink Your Docker Image Size
php Courses
php Courses
Sep 28, 2025 · Backend Development

Master PHP Image Processing: Resize, Crop, and Optimize with GD

Learn how to use PHP's GD library (and optionally ImageMagick) to efficiently resize, proportionally scale, crop, and compress images—including avatar handling—by following detailed code examples, best practices for memory management, error handling, and performance optimization to improve web application speed and user experience.

GD libraryImage CroppingImage Optimization
0 likes · 14 min read
Master PHP Image Processing: Resize, Crop, and Optimize with GD
dbaplus Community
dbaplus Community
Sep 25, 2025 · Operations

How to Shrink Docker Images by 80% and Speed Up Builds

This article explains why oversized Docker images hurt deployment speed, then walks through five practical strategies—including picking lightweight base images, using Distroless, applying multi‑stage builds, optimizing .dockerignore and layer ordering, and adding runtime tweaks—backed by code snippets, performance data, monitoring tips, and CI/CD integration to achieve up to 90% size reduction and dramatically faster builds.

AlpineBuildKitImage Optimization
0 likes · 10 min read
How to Shrink Docker Images by 80% and Speed Up Builds
MaGe Linux Operations
MaGe Linux Operations
Aug 31, 2025 · Cloud Native

How to Build Lean, Reusable Docker Images: 5 Steps to Standardized Container Management

This article shares five practical steps and three core principles for creating minimal, reproducible, and secure Docker images, covering multi‑stage builds, parameterized builds, automated security scanning, version tagging, CI/CD integration, and advanced optimizations that can shrink image size by up to 70% and speed up builds fivefold.

ContainerDevOpsImage Optimization
0 likes · 15 min read
How to Build Lean, Reusable Docker Images: 5 Steps to Standardized Container Management
MaGe Linux Operations
MaGe Linux Operations
Apr 25, 2025 · Operations

6 Proven Techniques to Shrink Your Docker Image Size

Learn how to dramatically reduce Docker image sizes by applying six practical optimization methods—including minimal base images, multi‑stage builds, layer minimization, caching strategies, .dockerignore usage, and external data storage—while also discovering essential tools and real‑world examples to streamline your container deployments.

DevOpsDistrolessDocker
0 likes · 14 min read
6 Proven Techniques to Shrink Your Docker Image Size
Full-Stack DevOps & Kubernetes
Full-Stack DevOps & Kubernetes
Mar 14, 2025 · Cloud Native

How to Shrink Docker Images with Multi‑Stage Builds: A Step‑by‑Step Guide

Learn why smaller Docker images boost build speed and deployment efficiency, then master Docker’s multi‑stage build technique—including basic concepts, a Go example, layer reduction, cache optimization, minimal base images, non‑root users, and build arguments—to produce lightweight, secure, and maintainable containers.

Container SecurityDevOpsDocker
0 likes · 9 min read
How to Shrink Docker Images with Multi‑Stage Builds: A Step‑by‑Step Guide
Goodme Frontend Team
Goodme Frontend Team
Dec 30, 2024 · Frontend Development

Why Huge Images Crash Your H5 App and How to Fix It with Chunked Lazy Loading

An H5 application suffered endless refresh loops due to a massive 4505 × 60615 px image, prompting a deep dive into browser rendering stages, performance profiling, and cross‑browser behavior, followed by practical solutions such as image size validation, server‑side checks, OSS processing, and chunked lazy‑loading techniques.

Browser RenderingFrontendImage Optimization
0 likes · 21 min read
Why Huge Images Crash Your H5 App and How to Fix It with Chunked Lazy Loading
Java Tech Enthusiast
Java Tech Enthusiast
Dec 5, 2024 · Cloud Native

Optimizing Docker Images for Lightweight Deployment

By switching to a lightweight Alpine base, employing multi‑stage builds to separate compilation from runtime, and finally serving the React app with an Nginx Alpine image, Docker images can be reduced from over a gigabyte to roughly twenty‑two megabytes, enabling efficient, minimal‑footprint container deployment.

AlpineContainerizationDocker
0 likes · 6 min read
Optimizing Docker Images for Lightweight Deployment
Java Tech Enthusiast
Java Tech Enthusiast
Oct 4, 2024 · Cloud Native

Slim – Docker Image Optimization Tool Overview

Slim (DockerSlim) is an open‑source tool that automatically shrinks Docker images by statically analyzing the image, dynamically probing runtime file and network usage, and rebuilding a minimal image containing only required dependencies, thereby reducing size up to 30×, speeding deployments, lowering attack surface, and supporting CI/CD integration across many languages.

Cloud NativeContainerDocker
0 likes · 13 min read
Slim – Docker Image Optimization Tool Overview
Alibaba Cloud Developer
Alibaba Cloud Developer
Jul 15, 2024 · Frontend Development

How to Supercharge E‑commerce Page Speed with Simple Image Optimization Techniques

Optimizing images is crucial for e‑commerce web performance, and this guide explores practical methods such as early loading of above‑the‑fold images, reducing image size through compression, format selection, responsive delivery, lazy loading, and modern browser features like fetch‑priority and content‑visibility to improve LCP and overall user experience.

Image OptimizationResponsive ImagesWeb Performance
0 likes · 18 min read
How to Supercharge E‑commerce Page Speed with Simple Image Optimization Techniques
iQIYI Technical Product Team
iQIYI Technical Product Team
Feb 8, 2024 · Mobile Development

Image Format Optimization and Deployment Practices at iQIYI: From JPG to AVIF

iQIYI optimized its app’s visual experience by progressively replacing JPG with WebP, HEIC, and finally AVIF—using a caplist‑driven CDN, self‑developed decoders and on‑demand production pipelines—to cut image sizes, reduce CDN bandwidth by over 30 % and maintain quality across static, transparent and animated assets.

AVIFCDNHEIC
0 likes · 19 min read
Image Format Optimization and Deployment Practices at iQIYI: From JPG to AVIF
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 31, 2024 · Frontend Development

Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading

This article demonstrates how to dramatically reduce image size and loading time in a WeChat mini‑program by converting to WebP, adjusting resolution via OSS parameters, using CSS sprites, and implementing lazy‑load placeholders, with before‑and‑after performance data and reusable component code.

FrontendImage OptimizationOSS
0 likes · 10 min read
Optimizing Image Loading in WeChat Mini Programs: WebP Conversion, Resolution Adjustment, Sprites, and Lazy Loading
php Courses
php Courses
Dec 21, 2023 · Frontend Development

Implementing Image Lazy Loading in PHP: A Step‑by‑Step Guide

This article explains how to implement image lazy loading in PHP by extracting image URLs, generating placeholder tags with data-src attributes, monitoring scroll events via JavaScript, and applying CSS transitions, providing a step‑by‑step guide with complete code examples to improve page load performance.

FrontendImage OptimizationJavaScript
0 likes · 5 min read
Implementing Image Lazy Loading in PHP: A Step‑by‑Step Guide
DaTaobao Tech
DaTaobao Tech
Dec 15, 2023 · Frontend Development

How Optimized Image Processing Boosted Double Eleven Web Performance

This article explains the image‑processing workflow used for the Double Eleven event, covering format selection, CDN scaling and quality parameters, WebP conversion, practical URL suffix rules, and additional front‑end tips that together dramatically improve page load speed and user experience.

CDNImage OptimizationResponsive Images
0 likes · 10 min read
How Optimized Image Processing Boosted Double Eleven Web Performance
Efficient Ops
Efficient Ops
Nov 5, 2023 · Cloud Native

Boost Dockerfile Efficiency: Faster Builds, Smaller Images, Cleaner Containers

This guide explains how to write efficient Dockerfiles by using .dockerignore, minimizing layers, combining RUN commands, selecting lightweight base images, cleaning up after installations, setting proper WORKDIR and CMD, leveraging ENTRYPOINT with exec, preferring COPY over ADD, and applying multi‑stage builds to achieve faster builds and smaller, more maintainable images.

ContainerDockerDockerfile
0 likes · 20 min read
Boost Dockerfile Efficiency: Faster Builds, Smaller Images, Cleaner Containers
php Courses
php Courses
Oct 7, 2023 · Backend Development

Improving Website Image Load Speed with PHP-FPM Optimization: Compression, Lazy Loading, CDN, Parallel Loading, and Browser Caching

This article demonstrates how to accelerate website image loading by applying PHP‑FPM performance optimizations such as image compression with GD, jQuery lazy loading, CDN acceleration, multithreaded parallel fetching, and proper browser‑cache headers, providing complete code examples for each technique.

CDNImage OptimizationPHP
0 likes · 5 min read
Improving Website Image Load Speed with PHP-FPM Optimization: Compression, Lazy Loading, CDN, Parallel Loading, and Browser Caching
MaGe Linux Operations
MaGe Linux Operations
Sep 17, 2023 · Cloud Native

How to Shrink Docker Images: Proven Techniques to Cut Size from 1.6 GB to 600 MB

This article explains the fundamentals of Docker image layers, demonstrates how to analyze layer size with tools like docker history and dive, and provides practical optimization techniques—including multi‑stage builds, cache removal, layer squashing, and metadata‑aware copying—to dramatically reduce image footprints.

ContainerDockerDockerfile
0 likes · 11 min read
How to Shrink Docker Images: Proven Techniques to Cut Size from 1.6 GB to 600 MB
Efficient Ops
Efficient Ops
Aug 7, 2023 · Cloud Native

How to Optimize Dockerfiles for Faster Builds and Smaller Images

This guide explains practical Dockerfile optimization techniques—including using .dockerignore, minimizing layers, choosing lightweight base images, consolidating RUN commands, setting proper WORKDIR/CMD, leveraging ENTRYPOINT with exec, preferring COPY over ADD, and applying multi‑stage builds—to dramatically speed up image builds and reduce final image size.

ContainerDevOpsDocker
0 likes · 21 min read
How to Optimize Dockerfiles for Faster Builds and Smaller Images
Baidu App Technology
Baidu App Technology
Jul 25, 2023 · Mobile Development

HEIC Image and Unused Class Optimization in Baidu iOS App

The article details Baidu’s iOS bundle‑size reduction strategy by converting PNG/JPG assets to HEIC using macOS tools or ImageMagick, storing them in Asset Catalogs for iOS 10+ compatibility, handling alpha‑channel quirks, and employing combined static‑link‑map and runtime class‑initialization analysis to safely prune unused Objective‑C classes.

Asset CatalogDynamic AnalysisHEIC
0 likes · 27 min read
HEIC Image and Unused Class Optimization in Baidu iOS App
Liangxu Linux
Liangxu Linux
Jul 1, 2023 · Operations

10 Proven Ways to Shrink Your Docker Image Size

This guide explains why smaller Docker images improve security, transfer speed, and deployment time, and walks through ten practical techniques—including layer minimization, Docker‑squash, slim base images, multi‑stage builds, apt flags, .dockerignore, and specialized tooling—to reliably reduce image size.

ContainerDevOpsDockerfile
0 likes · 9 min read
10 Proven Ways to Shrink Your Docker Image Size
Liangxu Linux
Liangxu Linux
Jun 18, 2023 · Cloud Native

10 Proven Techniques to Shrink Docker Image Size for Faster CI/CD

This guide explains why Docker image size matters for CI/CD and cloud deployments, then details ten practical methods—including layer minimization, multi‑stage builds, slim base images, apt flags, .dockerignore, and specialized tools—complete with code snippets and visual comparisons to help you create leaner containers.

ContainerDevOpsDockerfile
0 likes · 10 min read
10 Proven Techniques to Shrink Docker Image Size for Faster CI/CD
Baidu Geek Talk
Baidu Geek Talk
Apr 24, 2023 · Mobile Development

Image Optimization Techniques for Baidu iOS App: Unused Image Removal, Asset Catalog, and HEIC Encoding

The article details Baidu’s iOS image‑size reduction strategy, combining automated detection and removal of unused PNG/WebP assets, migration to Xcode’s Asset Catalog for lossless compression, and selective conversion to HEIC format, which together shaved roughly 9.75 MB from the app bundle.

App Size ReductionHEICImage Optimization
0 likes · 18 min read
Image Optimization Techniques for Baidu iOS App: Unused Image Removal, Asset Catalog, and HEIC Encoding
Bilibili Tech
Bilibili Tech
Mar 21, 2023 · Backend Development

AVIF Image Format Research, Implementation, and Optimization at Bilibili

At Bilibili, extensive research showed AVIF can cut thumbnail size by about 35% versus WebP, prompting a layered implementation that uses libheif/libaom encoding with fallback WebP, client‑side libavif decoding, comprehensive monitoring, and solutions for encoding latency, while planning hardware acceleration and continued standard‑setting contributions.

AVIFBilibiliImage Optimization
0 likes · 26 min read
AVIF Image Format Research, Implementation, and Optimization at Bilibili
Open Source Linux
Open Source Linux
Dec 28, 2022 · Cloud Native

Essential Docker Image Building Hacks to Shrink Size and Speed Up Builds

Learn practical Dockerfile optimization techniques—including clean build contexts, choosing minimal base images, configuring Chinese mirrors, setting time zones, consolidating RUN commands, using virtual build environments, and minimizing layers—to dramatically reduce image size and improve build efficiency.

AlpineContainerDocker
0 likes · 16 min read
Essential Docker Image Building Hacks to Shrink Size and Speed Up Builds
Efficient Ops
Efficient Ops
Nov 14, 2022 · Cloud Native

Boost Your Docker Images: Proven Tips to Shrink Size and Speed Up Builds

Learn practical Dockerfile optimization techniques—including clean build contexts, selecting minimal base images, configuring domestic package mirrors, setting correct timezones, using virtual build environments, minimizing image layers, and consolidating file additions—to dramatically reduce image size, improve build speed, and avoid common pitfalls.

Build TipsContainerDocker
0 likes · 16 min read
Boost Your Docker Images: Proven Tips to Shrink Size and Speed Up Builds
MaGe Linux Operations
MaGe Linux Operations
Jul 17, 2022 · Operations

How to Build Tiny, Fast Docker Images: 4 Proven Optimization Tricks

This article explains Docker image fundamentals and presents four practical techniques—removing package caches, ordering layers by change frequency, separating build and runtime stages, and inspecting layers with dive—to dramatically shrink image size, speed up builds, and improve security.

Cache CleaningContainer SecurityDocker
0 likes · 10 min read
How to Build Tiny, Fast Docker Images: 4 Proven Optimization Tricks
Efficient Ops
Efficient Ops
Jul 14, 2022 · Operations

Essential Docker Image Building Tips to Shrink Size and Speed Up Builds

This article presents practical Dockerfile optimization techniques—including clean build contexts, lightweight base images, regional package mirrors, timezone configuration, virtual build environments, and layer minimization—to dramatically reduce image size and improve build efficiency.

AlpineDockerfileImage Optimization
0 likes · 15 min read
Essential Docker Image Building Tips to Shrink Size and Speed Up Builds
ELab Team
ELab Team
May 19, 2022 · Frontend Development

Boost Web Performance: Mastering Image Optimization with WebP and Lazy Loading

This guide explores systematic image optimization for web applications, covering formats like WebP, lossless vs lossy compression, lazy loading, placeholder strategies, format fallback, monitoring, and practical code implementations to reduce image size, memory usage, and improve loading speed and user experience.

Image OptimizationResponsive ImagesWebP
0 likes · 18 min read
Boost Web Performance: Mastering Image Optimization with WebP and Lazy Loading
NetEase LeiHuo Testing Center
NetEase LeiHuo Testing Center
Feb 11, 2022 · Cloud Native

Docker Image Principles, Common Pitfalls, and Best Practices for Service Websites

This article explains the rationale behind Dockerizing internal service websites, outlines principles for creating stateless and self‑contained images, compares build‑time approaches, critiques a flawed Dockerfile with detailed issue analysis, and presents an improved Dockerfile along with practical deployment guidelines.

Best PracticesContainerizationDevOps
0 likes · 14 min read
Docker Image Principles, Common Pitfalls, and Best Practices for Service Websites
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Dec 3, 2021 · Frontend Development

Image Resource Optimization Strategies for E-commerce Frontend

This article presents practical techniques for optimizing image resources in e‑commerce front‑end projects, covering lazy loading of ordinary images, progressive and skeleton loading for high‑fidelity assets, and server‑side splitting of long graphics using Node.js, with detailed code examples and performance considerations.

FrontendImage OptimizationNode
0 likes · 15 min read
Image Resource Optimization Strategies for E-commerce Frontend
Sohu Tech Products
Sohu Tech Products
Oct 6, 2021 · Mobile Development

Android Memory Optimization: Causes, Tools, Image Strategies, and Online OOM Monitoring with KOOM

This article explains why Android memory optimization is needed, introduces background concepts such as garbage collection and memory leaks, reviews common tools like Memory Profiler, MAT and LeakCanary, details image‑related memory reduction techniques, and presents the open‑source KOOM framework for online OOM detection and analysis.

AndroidImage OptimizationKOOM
0 likes · 23 min read
Android Memory Optimization: Causes, Tools, Image Strategies, and Online OOM Monitoring with KOOM
MaGe Linux Operations
MaGe Linux Operations
Apr 27, 2021 · Cloud Native

Boost Docker Build Speed by 10%: Master BuildKit Optimizations

This tutorial explains how to enable Docker BuildKit and apply a series of Dockerfile optimizations—including reordering commands, using multi‑stage builds, minimizing base images, and leveraging cache and secret mounts—to significantly reduce build time and image size while improving maintainability and security.

BuildKitContainerDocker
0 likes · 13 min read
Boost Docker Build Speed by 10%: Master BuildKit Optimizations
ELab Team
ELab Team
Mar 24, 2021 · Frontend Development

Why Your Images Eat Memory: Understanding Pixels, DPR, and Performance

This article explores image‑related concepts such as CSS pixels, device pixels, device‑independent pixels, DPR and PPI, explains how to calculate image memory usage, compares img tag, background‑image and canvas rendering performance, and offers practical optimization directions for web developers.

CanvasImage OptimizationMemory Usage
0 likes · 17 min read
Why Your Images Eat Memory: Understanding Pixels, DPR, and Performance
Sohu Tech Products
Sohu Tech Products
Feb 17, 2021 · Frontend Development

Image Optimization Techniques for Frontend Development

This article explains why excessive or large images hurt page load speed in e‑commerce sites and provides a comprehensive guide to selecting proper image formats, applying lossless and lossy compression, using tools, configuring webpack, employing CSS sprites, icon fonts, base64, CDN, lazy loading, preloading, responsive and progressive image strategies to improve web performance.

FrontendImage OptimizationResponsive Images
0 likes · 22 min read
Image Optimization Techniques for Frontend Development
Alibaba Cloud Native
Alibaba Cloud Native
Feb 6, 2021 · Cloud Native

Boost Serverless Pod Creation Speed on Kubernetes: Practical Optimizations

This article examines why pod creation latency hurts serverless workloads on Kubernetes and presents a step‑by‑step guide that includes image pre‑warming, multithreaded decompression, non‑compressed images, P2P image distribution, and in‑place upgrade techniques to dramatically improve elasticity and startup performance.

Cloud NativeImage OptimizationKubernetes
0 likes · 15 min read
Boost Serverless Pod Creation Speed on Kubernetes: Practical Optimizations
Top Architect
Top Architect
Jan 6, 2021 · Cloud Computing

Docker Image Optimization: Reducing Size from 1.16 GB to 22.4 MB

This article explains how to shrink a Docker image for a React application from 1.16 GB to 22.4 MB by using a lightweight Alpine base, multi‑stage builds, and finally serving the compiled assets with Nginx, providing step‑by‑step Dockerfile examples and size comparisons.

AlpineContainerizationImage Optimization
0 likes · 7 min read
Docker Image Optimization: Reducing Size from 1.16 GB to 22.4 MB
Java High-Performance Architecture
Java High-Performance Architecture
Aug 26, 2020 · Cloud Native

How to Build Tiny Docker Images with Multi‑Stage Builds: A Step‑by‑Step Guide

This article explains why small Docker images matter, demonstrates the traditional Dockerfile approach, introduces the Builder Pattern with its drawbacks, and then shows how Docker's multi‑stage build feature can produce equally small images with far less complexity, complete with code examples.

Builder PatternContainerizationDevOps
0 likes · 8 min read
How to Build Tiny Docker Images with Multi‑Stage Builds: A Step‑by‑Step Guide
Aotu Lab
Aotu Lab
Aug 25, 2020 · Frontend Development

How We Boosted a WeChat Mini‑Program’s Audit Score from 68 to 100

This article walks through a systematic performance audit of the Jingxi Mini‑Program, identifies seven key penalty items—including excessive WXML nodes, oversized images, tiny tap targets, redundant network calls, and unbound data—and details concrete optimizations that reduced the audit score to a perfect 100.

AuditsImage OptimizationNetwork Requests
0 likes · 11 min read
How We Boosted a WeChat Mini‑Program’s Audit Score from 68 to 100
Open Source Linux
Open Source Linux
Aug 20, 2020 · Operations

How to Shrink Docker Images: Multi‑Stage Builds, Distroless, Alpine & Guix

This article explains why Docker images often become oversized and presents several practical techniques—manual Dockerfile edits, multi‑stage builds, Google’s distroless images, Alpine Linux bases, and GNU Guix packaging—to dramatically reduce image size while balancing debugging convenience and security.

Alpine LinuxContainer SecurityDistroless
0 likes · 8 min read
How to Shrink Docker Images: Multi‑Stage Builds, Distroless, Alpine & Guix
macrozheng
macrozheng
Jul 8, 2020 · Cloud Native

How to Shrink Docker Images with Spring Boot Layered Builds

This guide explains why Docker images become large, identifies the three main factors—base image size, Dockerfile layer count, and application JAR size—and demonstrates how to use Spring Boot's layered packaging and Dockerfile tricks to reduce image size from megabytes to a few kilobytes.

ContainerizationDockerImage Optimization
0 likes · 8 min read
How to Shrink Docker Images with Spring Boot Layered Builds
Programmer DD
Programmer DD
May 19, 2020 · Operations

How to Shrink Docker Images by Up to 99% Across Go, Java, Rust, and More

This article explains practical techniques for drastically reducing Docker image sizes—including Go binary static linking, Alpine vs. slim base images, multi‑stage builds for Java, Rust, and interpreted languages, and detailed size comparisons—so developers can choose the optimal base image and build strategy for any language.

AlpineDockerGo
0 likes · 20 min read
How to Shrink Docker Images by Up to 99% Across Go, Java, Rust, and More
Efficient Ops
Efficient Ops
Apr 22, 2020 · Cloud Native

How to Build Minimal Docker Images with Short‑Lived Containers and Multi‑Stage Builds

This guide explains how to create short‑lived Docker containers, manage build context efficiently, use .dockerignore, apply multi‑stage builds, avoid unnecessary packages, decouple applications, reduce image layers, sort parameters, and leverage build cache to produce lean, fast‑building images.

Image Optimizationbuild contextmulti-stage-build
0 likes · 10 min read
How to Build Minimal Docker Images with Short‑Lived Containers and Multi‑Stage Builds
Programmer DD
Programmer DD
Apr 15, 2020 · Operations

How to Shrink Docker Images by Up to 99.99% with Multi‑Stage Builds

This article explains why naïve Docker images can balloon to gigabytes, then walks through multi‑stage builds, language‑specific trimming techniques, and the use of minimal base images such as scratch, showing how to reduce image size from over a gigabyte to just a few megabytes while preserving developer and operations convenience.

ContainerDockerImage Optimization
0 likes · 17 min read
How to Shrink Docker Images by Up to 99.99% with Multi‑Stage Builds
Alibaba Cloud Developer
Alibaba Cloud Developer
Apr 14, 2020 · Mobile Development

How Xianyu Optimized Flutter Image Loading: Techniques and Lessons

This article details Xianyu’s comprehensive Flutter image‑loading optimizations—including native caching, low‑end device adaptation, disk caching, CDN size reduction, external‑texture bridging, multi‑page memory management, and package‑size cuts—offering practical techniques and insights for mobile developers seeking high‑performance image handling.

CDNCachingExternal Texture
0 likes · 16 min read
How Xianyu Optimized Flutter Image Loading: Techniques and Lessons
Xianyu Technology
Xianyu Technology
Apr 7, 2020 · Mobile Development

Optimizing Image Loading in Flutter for Xianyu: Native Mode, CDN, and External Texture

Xianyu’s Flutter image pipeline was overhauled by using native ImageCache limits, a disk‑cache bridge, CDN‑driven resizing and WebP compression, precaching, ListView cacheExtent tuning, multi‑page texture recycling, and an external texture bridge, achieving substantial memory savings, reduced OOM risk, and a smaller app bundle.

CacheExternal TextureFlutter
0 likes · 15 min read
Optimizing Image Loading in Flutter for Xianyu: Native Mode, CDN, and External Texture
DevOps Cloud Academy
DevOps Cloud Academy
Mar 9, 2020 · Cloud Native

Practical Tips for Managing Xiaomi Application Engine on Xiaomi Cloud

This article shares six practical techniques—including explicit image tagging, using Alpine base images, consolidating cleanup commands, leveraging Docker layer caching, avoiding process managers, and optimizing Java memory settings—to improve the efficiency, speed, and reliability of applications deployed on the Kubernetes‑based Xiaomi Application Engine.

Cloud NativeImage OptimizationXiaomi Cloud
0 likes · 8 min read
Practical Tips for Managing Xiaomi Application Engine on Xiaomi Cloud
Amap Tech
Amap Tech
Mar 6, 2020 · Frontend Development

Exploration and Practice of a Custom SVG‑Based Image Format (ASVG) for In‑Car Navigation UI

Gaode’s team created a proprietary ASVG format by extending and heavily optimizing SVG to address the growing diversity of in‑car screens, cutting UI package size by ~60%, speeding parsing to microseconds, and delivering smoother vector rendering, thereby improving navigation UI quality and maintenance efficiency.

ASVGImage OptimizationIn-Car Navigation
0 likes · 12 min read
Exploration and Practice of a Custom SVG‑Based Image Format (ASVG) for In‑Car Navigation UI
WecTeam
WecTeam
Dec 17, 2019 · Frontend Development

How JD Optimized Its WeChat Shopping Homepage for Lightning‑Fast Performance

By combining server‑side rendering, critical‑render‑path tuning, resource minification, image format upgrades, and RAIL‑based multi‑dimensional monitoring, JD dramatically reduced its WeChat shopping homepage’s first‑screen load time, offering a practical roadmap for front‑end performance optimization.

FrontendImage OptimizationMonitoring
0 likes · 17 min read
How JD Optimized Its WeChat Shopping Homepage for Lightning‑Fast Performance
政采云技术
政采云技术
Nov 10, 2019 · Frontend Development

Comprehensive Guide to Web Image Optimization and Performance Techniques

This article systematically explains web image optimization, covering image formats, request and volume reduction techniques such as HTTP/2, lazy loading, caching, sprites, Base64, multi‑resolution handling, and accessibility considerations, providing practical code examples and tool recommendations for front‑end developers.

FrontendHTTP/2Image Optimization
0 likes · 26 min read
Comprehensive Guide to Web Image Optimization and Performance Techniques
58UXD
58UXD
Aug 29, 2019 · Frontend Development

5 Proven Car‑Image Design Hacks to Boost UI Visuals

This article shares five practical techniques for optimizing car photographs—choosing the right vehicle type, adjusting highlights and shadows, recoloring, perspective layout, and motion effects—to seamlessly integrate automotive visuals into UI and marketing pages, enhancing overall design quality.

FrontendImage OptimizationUI design
0 likes · 5 min read
5 Proven Car‑Image Design Hacks to Boost UI Visuals
System Architect Go
System Architect Go
Jul 10, 2019 · Cloud Native

Dockerfile Best Practices: Tips for Efficient Image Building

This article presents ten practical Dockerfile best‑practice tips—including ordering instructions, precise COPY usage, merging RUN commands, minimizing dependencies, cleaning package caches, leveraging official and minimal base images, clear tagging, multi‑stage builds, and consistent build environments—to help developers create smaller, faster, and more maintainable container images.

Best PracticesContainerDocker
0 likes · 6 min read
Dockerfile Best Practices: Tips for Efficient Image Building
360 Tech Engineering
360 Tech Engineering
Apr 8, 2019 · Cloud Native

Front‑end Container Deployment: Lessons Learned, Optimizations, and Multi‑stage Build

This article details a front‑end engineer's journey of containerizing a static‑site project with Docker and Kubernetes, addressing node_modules caching, oversized images, and complex deployment workflows, and presents three optimizations—caching dependencies, shrinking base images, and using multi‑stage builds—that cut image size to 25 MB and halve CI build time.

DockerImage OptimizationKubernetes
0 likes · 9 min read
Front‑end Container Deployment: Lessons Learned, Optimizations, and Multi‑stage Build
JD Retail Technology
JD Retail Technology
Mar 27, 2019 · Frontend Development

Front‑End Optimization Strategies for JD PLUS Membership Project

This article details the front‑end performance improvements applied to JD's PLUS membership platform, covering architecture migration to Gaea 4.0, on‑demand Babel polyfill loading, PWA caching, request sequencing, skeleton screens, and modern image formats such as WebP and DPG.

FrontendImage OptimizationPWA
0 likes · 19 min read
Front‑End Optimization Strategies for JD PLUS Membership Project
JD Tech
JD Tech
Feb 20, 2019 · Frontend Development

Performance Optimization Strategies for JD PLUS Membership Frontend: Architecture Upgrade, PWA, Babel Polyfill, Caching, and Image Formats

This article details the comprehensive front‑end performance improvements applied to the JD PLUS membership project, covering the migration to the Gaea4.0 webpack‑based scaffold, PWA offline caching, Babel 7 polyfill on‑demand loading, request and image optimizations, skeleton screens, and build‑time caching techniques to accelerate first‑screen rendering on mobile H5.

CachingFrontendImage Optimization
0 likes · 15 min read
Performance Optimization Strategies for JD PLUS Membership Frontend: Architecture Upgrade, PWA, Babel Polyfill, Caching, and Image Formats
58 Tech
58 Tech
Dec 21, 2018 · Artificial Intelligence

Insights from 58 Group Technical Salon: Recommendation Systems, Image Creative Optimization, and Deep Learning Online Prediction Service

The 58 Group technical salon presented detailed engineering practices on video recommendation system architecture, image creative optimization for search ads, a programmatic creative platform, and a Kubernetes‑based deep learning online prediction service, highlighting micro‑service design, distributed indexing, and real‑time model deployment.

AIAdvertisingImage Optimization
0 likes · 8 min read
Insights from 58 Group Technical Salon: Recommendation Systems, Image Creative Optimization, and Deep Learning Online Prediction Service
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Nov 6, 2018 · Frontend Development

Master Image Lazy Loading: From Scroll Events to IntersectionObserver

This article explains why loading all images in a long list hurts performance, presents step‑by‑step lazy‑loading techniques—including placeholder images, scroll calculations, getBoundingClientRect, and the modern IntersectionObserver API—provides full code samples, and discusses optimization tips for smoother front‑end experiences.

Image OptimizationIntersectionObserverJavaScript
0 likes · 9 min read
Master Image Lazy Loading: From Scroll Events to IntersectionObserver
UC Tech Team
UC Tech Team
Nov 1, 2018 · Frontend Development

Web Performance Optimization: Lessons from the Oodles Theater App

This article walks through practical web performance optimization techniques—such as removing unused resources, effective caching, code splitting, image compression, lazy loading, and resource hints—demonstrated on the Oodles Theater demo app, showing how Lighthouse audits guide measurable improvements.

Code SplittingImage OptimizationLighthouse
0 likes · 23 min read
Web Performance Optimization: Lessons from the Oodles Theater App
ITPUB
ITPUB
Jun 3, 2018 · Cloud Native

11 Docker Mistakes to Avoid for Reliable Container Deployments

This article outlines eleven common Docker anti‑patterns—ranging from storing data inside containers to using the latest tag—and provides practical guidance on building lightweight, secure, and maintainable images for production environments.

Best PracticesContainersDevOps
0 likes · 6 min read
11 Docker Mistakes to Avoid for Reliable Container Deployments
21CTO
21CTO
Nov 26, 2017 · Frontend Development

Mastering Web Image Optimization: Formats, Compression, and Responsive Techniques

This article explains the fundamentals of web image optimization, covering vector vs raster formats, compression methods, responsive image techniques with srcset and picture elements, and practical loading strategies such as lazy loading, sprites, and progressive JPEGs to improve front‑end performance.

FrontendImage OptimizationResponsive Images
0 likes · 8 min read
Mastering Web Image Optimization: Formats, Compression, and Responsive Techniques
Tencent IMWeb Frontend Team
Tencent IMWeb Frontend Team
Jul 6, 2017 · Frontend Development

How Adam7 Interlacing Makes PNG Images Load Faster and Sharper

This article explains the Adam7 interlacing algorithm used in PNG files, detailing its advantages, how to generate interlaced PNGs in Photoshop, the underlying principle of splitting images into sub‑images, buffer slicing, pixel reassembly, and provides reference resources.

Adam7FrontendImage Optimization
0 likes · 8 min read
How Adam7 Interlacing Makes PNG Images Load Faster and Sharper
21CTO
21CTO
Mar 30, 2017 · Backend Development

How WeChat Cuts Image Sending Time with Progressive JPEG and Streaming

This article explains how WeChat's C2C image service uses progressive JPEG encoding, streaming transmission, and a minimal transport size strategy to dramatically reduce image delivery latency and improve user experience under varying network conditions.

Image OptimizationNetwork LatencyWeChat backend
0 likes · 10 min read
How WeChat Cuts Image Sending Time with Progressive JPEG and Streaming
JavaScript
JavaScript
Jan 15, 2017 · Frontend Development

How to Implement Efficient Image Lazy Loading with Vanilla JavaScript

This guide explains the concept of image lazy loading, how to detect when an image enters the viewport, and provides a complete vanilla‑JavaScript implementation with throttled scroll handling to improve page performance and reduce bandwidth usage.

FrontendImage OptimizationJavaScript
0 likes · 4 min read
How to Implement Efficient Image Lazy Loading with Vanilla JavaScript
Architecture Digest
Architecture Digest
Oct 11, 2016 · Frontend Development

Web Page Loading Optimization Guide

This guide details a step‑by‑step process for dramatically improving a website’s load time—from analyzing page performance and optimizing images to using CDNs, merging and minifying assets with webpack, applying code‑level tweaks, and enabling HTTP/2 and gzip—resulting in a fourfold speed increase.

CDNHTTP2Image Optimization
0 likes · 10 min read
Web Page Loading Optimization Guide
Architecture Digest
Architecture Digest
Aug 31, 2016 · Frontend Development

Practical Guide to Using WebP Images in Web Projects

This article explains what WebP is, its performance benefits, common server‑side and client‑side integration methods, and shares a complete practical implementation—including image conversion tools, JavaScript detection, CSS mixins, and a Node.js monitoring script—to help developers adopt WebP efficiently in their front‑end workflows.

Image OptimizationPerformanceWebP
0 likes · 13 min read
Practical Guide to Using WebP Images in Web Projects
21CTO
21CTO
Feb 14, 2016 · Frontend Development

Why Web Pages Are Growing Too Big—and How to Stop It

An analysis of four years of HTTP Archive data reveals that average web pages have more than doubled in size, with images now accounting for 64% of weight, and offers practical steps like performance budgets, image and font optimization, and third‑party script management to curb bloat.

Font OptimizationFrontendImage Optimization
0 likes · 9 min read
Why Web Pages Are Growing Too Big—and How to Stop It
MaGe Linux Operations
MaGe Linux Operations
Dec 19, 2014 · Frontend Development

Master Web Image Optimization: Formats, Tools, and Best Practices

Web image optimization, covering when to use images, selecting appropriate formats like JPEG, PNG, GIF, SVG, and WebP, sizing strategies, responsive techniques, and a range of tools—from command‑line utilities to GUI applications and automated workflows—helps reduce bandwidth, improve performance, and enhance user experience.

FrontendImage OptimizationWeb Performance
0 likes · 16 min read
Master Web Image Optimization: Formats, Tools, and Best Practices