How Browsers Work · Part 19 — Image & Media Decoding Pipeline
Ảnh đi từ byte tới pixel: fetch, decode đồng bộ/bất đồng bộ, raster/composite; cùng decoding="async", Image.decode(), createImageBitmap, OffscreenCanvas và video frames.
Filter/Tag
#images
4 entries
-
-
Web Performance · Part 9 — Images & Media
Images are often the heaviest part of a page. Modern formats (AVIF/WebP), responsive images with srcset/sizes, lazy loading in the right places, decoding, and video/iframe optimization.
-
Web Performance · Part 5 — Optimizing LCP
Break LCP into TTFB, resource load delay, resource load duration, and element render delay; then fix discovery, priority, bytes, rendering, or delivery at the actual bottleneck.
-
Docker for Developers · Part 2 — Images & the Dockerfile
Tự build image với Dockerfile: instruction, layer/cache, multi-stage, .dockerignore, CMD/ENTRYPOINT và chiến lược tag.