0 views collected around this technical thread.
This article explains Docker fundamentals, outlines why containers are popular, and walks through a practical example of reducing a React app's Docker image size from 1.16 GB to 22 MB using a lightweight Alpine base, multi‑stage builds, and an Nginx final stage.
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.
This tutorial demonstrates how to reduce Docker image size for a ReactJS project by switching to Alpine‑based Node images, applying multi‑stage builds, and finally serving the static build with Nginx, shrinking the image from over 1.4 GB to just 22 MB while preserving functionality.
This guide explains Dockerfile fundamentals, key instructions, and best‑practice techniques—such as using minimal base images, reducing layers, leveraging multi‑stage builds, and securing secrets—to help you create smaller, faster, and more secure container images.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
iQIYI’s video transcoding team cut its Docker image size from 18 GB to 9 GB and build time from 30 minutes to under five by layering differential builds, on‑demand downloads, library deduplication, node pre‑warming with gray releases, and P2P distribution via Dragonfly, all without requiring developer changes.
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.
This article details a systematic approach to reducing image sizes for ISV‑generated pages, covering offline compression, WebP conversion, data structure design, batch processing pipelines, monitoring, and fallback strategies, while providing code examples and performance comparisons.
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.
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.
This collection presents a variety of recent frontend‑focused articles and tutorials—including WebGPU fundamentals, low‑code implementation principles, Esbuild performance tricks, design‑pattern insights, TypeScript type programming, NestJS dependency injection, Pinia state management, image‑loading optimization, and Immer.js immutable data handling—each accompanied by QR‑code links to the original sources.