Tag

Image Loading

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Jan 13, 2025 · Frontend Development

Detecting Image Load Completion with the onload Event and Understanding Image Request Timing

This article explains how to use the onload event to determine when an Img element has finished loading, provides JavaScript examples for sequential loading, discusses why onreadystatechange is unsuitable, and explores when browsers issue image requests and how CSS affects them.

Image LoadingJavaScriptfrontend
0 likes · 7 min read
Detecting Image Load Completion with the onload Event and Understanding Image Request Timing
JD Retail Technology
JD Retail Technology
Dec 17, 2024 · Mobile Development

JDImage: JD’s Self‑Developed HarmonyOS Image Library – Architecture, Implementation, and Performance Optimizations

This article introduces JD’s self‑developed HarmonyOS image library, explaining the background, research on existing solutions, the decision to build a C++‑based cross‑platform library, its modular architecture, performance optimizations, quality assurance mechanisms, and future development plans.

C++HarmonyOSImage Loading
0 likes · 13 min read
JDImage: JD’s Self‑Developed HarmonyOS Image Library – Architecture, Implementation, and Performance Optimizations
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Oct 10, 2022 · Mobile Development

Improving Image Loading Experience in Flutter Mobile Apps

This article explains how to enhance image loading in Flutter mobile applications by using placeholders, skeleton screens, error handling, thumbnail generation, and the BlurHash library, providing code examples and practical recommendations for a smoother user experience.

BlurHashFlutterImage Loading
0 likes · 8 min read
Improving Image Loading Experience in Flutter Mobile Apps
IEG Growth Platform Technology Team
IEG Growth Platform Technology Team
May 23, 2022 · Mobile Development

Comparative Analysis of Native Image Loading and External Texture Solutions in Flutter

This article examines Flutter's native image loading mechanisms, compares them with Android's traditional image frameworks, discusses the challenges of duplicated resources and memory usage, and details two external‑texture approaches—ShareContext and shared memory—providing code examples and practical recommendations for mobile projects.

AndroidFlutterImage Loading
0 likes · 18 min read
Comparative Analysis of Native Image Loading and External Texture Solutions in Flutter
Baidu Geek Talk
Baidu Geek Talk
Jan 24, 2022 · Frontend Development

ResourceScheduler Optimization: Enhancing Critical Image Loading in T7 Browser Kernel

The T7 browser kernel’s ResourceScheduler lets developers assign importance=high to IMG tags and CSS background images (as well as JS and link resources), adjusting sub‑resource loading priority so critical images load faster on the first screen, especially when many concurrent requests compete for the same domain.

Image LoadingPerformance OptimizationT7-kernel
0 likes · 9 min read
ResourceScheduler Optimization: Enhancing Critical Image Loading in T7 Browser Kernel
Baidu App Technology
Baidu App Technology
Jan 12, 2022 · Frontend Development

ResourceScheduler Tuning Mechanism: Optimizing Critical Image Loading in T7 Browser Kernel

Baidu's T7 browser kernel introduces a ResourceScheduler tuning mechanism that lets front‑end developers set image loading priority via an importance attribute or CSS property, enabling high‑priority above‑fold images to load faster while low‑priority resources are throttled under heavy domain request competition.

Image LoadingPerformance OptimizationT7-kernel
0 likes · 9 min read
ResourceScheduler Tuning Mechanism: Optimizing Critical Image Loading in T7 Browser Kernel
Sohu Tech Products
Sohu Tech Products
Nov 24, 2021 · Mobile Development

Comprehensive Guide to Glide Image Loading Process and Configuration in Android

This article provides an in‑depth overview of Glide 4.11, covering its basic usage, the four‑step request lifecycle, six‑step image loading flow, caching mechanisms, initialization, configuration options, and common interview‑style questions for Android developers.

AndroidGlideImage Loading
0 likes · 43 min read
Comprehensive Guide to Glide Image Loading Process and Configuration in Android
JD Retail Technology
JD Retail Technology
Jun 28, 2021 · Frontend Development

Understanding Flutter Image Loading, Caching, and Memory Optimization

This article explains how Flutter loads and caches images, analyzes the underlying source code of key classes such as PaintingBinding, ImageCache, ImageProvider, and RenderImage, and provides practical techniques for reducing memory usage and preventing OOM in large Flutter applications.

FlutterImage LoadingMemory Management
0 likes · 13 min read
Understanding Flutter Image Loading, Caching, and Memory Optimization
Sohu Tech Products
Sohu Tech Products
Oct 21, 2020 · Mobile Development

Comprehensive Guide to Glide Image Loading Process and Configuration in Android

This article provides an in‑depth tutorial on Glide 4.11, covering its basic usage, the four‑step decode task startup, six‑step image loading flow, caching mechanisms, initialization process, and extensive configuration options for Android developers.

AndroidGlideImage Loading
0 likes · 37 min read
Comprehensive Guide to Glide Image Loading Process and Configuration in Android
Python Programming Learning Circle
Python Programming Learning Circle
Jan 16, 2020 · Game Development

Building a Python Plants vs Zombies Clone: Image Loading & Sprite Animation

This article walks through creating a functional Python clone of the classic Plants vs Zombies game, detailing supported plant and zombie types, level data storage, image resource organization, and the implementation of graphics loading, frame handling, state management, and animation logic using Pygame.

Image LoadingPygamePython
0 likes · 11 min read
Building a Python Plants vs Zombies Clone: Image Loading & Sprite Animation
vivo Internet Technology
vivo Internet Technology
Dec 4, 2019 · Mobile Development

Analysis of Glide Lifecycle Management in Android

The article dissects Glide’s lifecycle management by tracing how Glide.with creates a singleton RequestManager via RequestManagerRetriever, caches headless RequestManagerFragments, forwards Activity/Fragment callbacks through ActivityFragmentLifecycle to pause, resume, or clear image requests, monitors network changes with a ConnectivityMonitor, and responds to memory pressure via component callbacks, thereby integrating Android component lifecycles, connectivity, and memory management into its image‑loading engine.

AndroidGlideImage Loading
0 likes · 18 min read
Analysis of Glide Lifecycle Management in Android
360 Tech Engineering
360 Tech Engineering
Oct 30, 2019 · Mobile Development

Flutter Image Loading: Methods, Source Code Analysis, and Optimization

This article explains various Flutter image loading techniques—including AssetImage, NetworkImage, FileImage, MemoryImage, CachedNetworkImage, and FadeInImage—provides detailed source code analysis of the Image widget and its underlying classes, and discusses performance considerations and potential optimization strategies.

FlutterImage LoadingMobile Development
0 likes · 13 min read
Flutter Image Loading: Methods, Source Code Analysis, and Optimization
vivo Internet Technology
vivo Internet Technology
Sep 25, 2019 · Mobile Development

Analysis of Glide Image Loading Cache Mechanisms on Android

The article dissects Glide’s five‑level caching system—active resources, memory cache, resource and data disk caches, and network cache—explaining how active weak references feed the LRU memory cache, how DiskCacheStrategy governs transformed and raw data storage, and how I/O and network tasks run on separate executors while network responses are cached before delivery.

AndroidCacheDisk Cache
0 likes · 21 min read
Analysis of Glide Image Loading Cache Mechanisms on Android
Beike Product & Technology
Beike Product & Technology
Sep 21, 2018 · Mobile Development

Optimizing Image Loading in the Beike Android App: Replacing Picasso with Glide to Prevent OOM

The article analyzes an OOM issue in the Beike Android app caused by large image memory usage, compares Picasso and Glide memory footprints, describes the refactoring effort required to switch libraries, explains Glide's two‑level caching mechanism, and highlights the performance and stability benefits for pre‑Android 8.0 devices.

AndroidGlideImage Loading
0 likes · 4 min read
Optimizing Image Loading in the Beike Android App: Replacing Picasso with Glide to Prevent OOM
Qunar Tech Salon
Qunar Tech Salon
Mar 22, 2017 · Mobile Development

Analyzing the Source Code of the Picasso Image Loading Library in Android

This article examines the internal implementation of the Android Picasso image‑loading library, detailing its singleton initialization, request creation, builder pattern usage, caching mechanisms, delayed loading, and the workflow of actions, handlers, and thread execution to illustrate how images are fetched and displayed.

AndroidBuilder PatternImage Loading
0 likes · 8 min read
Analyzing the Source Code of the Picasso Image Loading Library in Android