BestHub
Sign in
Tagged articles
21 articles
Page 1 of 1
Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Feb 1, 2025 · Frontend Development

Exploring TanStack Router: Routing Modes, TypeScript Support, Preloading, and SWR

This article introduces TanStack Router for React, detailing its three routing modes—file‑based, virtual file, and code‑based—along with TypeScript support, preloading strategies, request waterfall optimization, and stale‑while‑revalidate caching, providing practical insights and links for further exploration.

ReactSWRTanStack Router
0 likes · 11 min read
Exploring TanStack Router: Routing Modes, TypeScript Support, Preloading, and SWR
Code Mala Tang
Code Mala Tang
Jun 17, 2024 · Mobile Development

How to Achieve Instant H5 Page Load in WebView: Proven Optimization Techniques

This article explores common performance bottlenecks of WebView and H5 pages in mobile apps and presents a comprehensive set of optimization strategies—including preloading, rendering tweaks, network enhancements, and memory management—to achieve near‑instant page loads and improve overall user experience.

Mobile DevelopmentPerformance OptimizationRendering
0 likes · 13 min read
How to Achieve Instant H5 Page Load in WebView: Proven Optimization Techniques
Baidu Geek Talk
Baidu Geek Talk
Apr 15, 2024 · Frontend Development

Transparent Video Visual Enhancement Scheme for Front-End Development

The growth front‑end team’s transparent‑video visual enhancement scheme uses split‑RGB/alpha MP4s cached as blobs in IndexedDB and rendered via OpenGL, delivering high‑fidelity, low‑size animations with transparent backgrounds, cutting development time by 75 % and achieving 30‑60 fps performance.

OpenGLWebViewanimation
0 likes · 8 min read
Transparent Video Visual Enhancement Scheme for Front-End Development
Sohu Tech Products
Sohu Tech Products
Apr 10, 2024 · Mobile Development

How to Achieve True Zero‑Delay Video Playback: First‑Frame Optimization Techniques

The article explains why first‑frame latency matters for video apps and presents a comprehensive set of optimization methods—including pre‑fetching URLs, intelligent preloading, prerendering, and scenario‑specific tweaks for cold start, short‑video scrolling, page navigation, and long‑video playback—to dramatically reduce start‑up time and improve user experience.

cold startfirst frame optimizationmobile performance
0 likes · 9 min read
How to Achieve True Zero‑Delay Video Playback: First‑Frame Optimization Techniques
Bilibili Tech
Bilibili Tech
Jan 19, 2024 · Operations

Optimizing Bandwidth Cost and User Experience in Bilibili's VOD Player through Intelligent Caching and Preloading Strategies

Bilibili’s VOD player cuts bandwidth waste and costs by up to 15% through an intelligent caching and pre‑loading system that evaluates network risk and user habits to size cache dynamically, reduces stalls by 20% in vertical mode, and is continuously refined via a multi‑layer monitoring framework.

BilibiliIntelligent CachingQoE
0 likes · 17 min read
Optimizing Bandwidth Cost and User Experience in Bilibili's VOD Player through Intelligent Caching and Preloading Strategies
Ximalaya Technology Team
Ximalaya Technology Team
Dec 12, 2023 · Frontend Development

Performance Optimization of Cloud Editing Playback: Preloading and Latency Reduction

By analyzing latency sources and introducing a pre‑loading ‘prepare’ step with new player APIs, the cloud‑editing team reduced audio start‑up delays by roughly 200 ms on average—cutting half‑second waits to under three‑hundred milliseconds and markedly improving streamer workflow.

Latency ReductionPerformance Optimizationcloud editing
0 likes · 12 min read
Performance Optimization of Cloud Editing Playback: Preloading and Latency Reduction
iQIYI Technical Product Team
iQIYI Technical Product Team
Jul 21, 2023 · Mobile Development

Optimizing Video Playback Startup Experience on iQIYI Mobile App

iQIYI’s mobile app reduces video startup latency by preloading data, pre‑decoding frames, pre‑creating player instances, streamlining initialization, optimizing DNS and CDN selection, and employing device‑aware decoding strategies, achieving near‑zero launch times and superior user experience while planning further audio‑track and hardware collaborations.

AndroidMobile Streamingnetwork optimization
0 likes · 8 min read
Optimizing Video Playback Startup Experience on iQIYI Mobile App
iQIYI Technical Product Team
iQIYI Technical Product Team
May 26, 2023 · Mobile Development

How We Cut Feed Lag in iQIYI Kids App: A Deep Dive into Mobile Performance Optimization

This case study details the performance bottlenecks of the iQIYI Kids feed on low‑end devices and presents a series of engineering solutions—including async card rendering, preloading strategies, image pre‑decoding, and cache optimizations—that reduced scroll hitch time to 1.4 ms, dramatically improving user experience.

Mobile DevelopmentPerformance Optimizationconcurrency
0 likes · 9 min read
How We Cut Feed Lag in iQIYI Kids App: A Deep Dive into Mobile Performance Optimization
Alibaba Terminal Technology
Alibaba Terminal Technology
Jan 24, 2022 · Mobile Development

How Lazada Cut 250ms from App Startup: Mobile Performance Secrets

Lazada’s Southeast Asian e‑commerce app achieved major performance gains by reorganizing startup tasks, merging launch pages, implementing full‑link dynamic prefetch, incremental cart updates, checkout pre‑rendering, and request merging, resulting in up to 250 ms faster launches and significant reductions in network latency across Android and iOS.

Mobile DevelopmentPerformance Optimizationapp startup
0 likes · 15 min read
How Lazada Cut 250ms from App Startup: Mobile Performance Secrets
Meituan Technology Team
Meituan Technology Team
Dec 16, 2021 · Frontend Development

FlutterWeb Performance Optimization at Meituan Takeaway

Meituan Takeaway tackled FlutterWeb’s heavy bundle and slow page loads by slimming the SDK, adding hash‑based CDN splitting, lazy‑loading modules, pre‑fetching first‑screen resources, separating PC/mobile code, and trimming icon fonts, cutting bundle size ~40 % and halving TP90 load time from 6 s to 3 s across ten merchant pages.

FlutterWebJSChunkingPerformanceOptimization
0 likes · 22 min read
FlutterWeb Performance Optimization at Meituan Takeaway
Alibaba Terminal Technology
Alibaba Terminal Technology
Dec 13, 2021 · Mobile Development

How Hema Achieved TikTok‑Level Short‑Video Playback Speed on iOS

To align Hema’s app short‑video experience with leading platforms like Douyin, the team introduced a proxy‑based caching layer, pre‑loading mechanisms, m3u8 handling, bitrate and resolution optimizations, dual‑player strategies, and audio controls, resulting in significantly reduced playback latency and smoother user interaction across iOS devices.

Mobile DevelopmentPerformance Optimizationcaching
0 likes · 14 min read
How Hema Achieved TikTok‑Level Short‑Video Playback Speed on iOS
Baidu Geek Talk
Baidu Geek Talk
Sep 22, 2021 · Mobile Development

Video Player Architecture Refactoring and Performance Optimization in an Android Short‑Video App

The article details how refactoring the Haokan Android short‑video client from a single global player to per‑holder multi‑player instances, combined with lifecycle‑lite event handling, pre‑loading, and dedicated thread operations, cut start‑up latency by ~150 ms, reduced frame‑drops dramatically, and boosted overall user experience and business metrics.

AndroidPerformanceOptimizationRecyclerView
0 likes · 20 min read
Video Player Architecture Refactoring and Performance Optimization in an Android Short‑Video App
Volcano Engine Developer Services
Volcano Engine Developer Services
Jun 22, 2021 · Frontend Development

How to Achieve Near‑Zero First‑Frame Delay in Video Playback

This article explains why first‑frame latency matters for video apps, breaks down the stages that contribute to the delay, and provides practical optimization techniques—including address fetching, connection reuse, codec initialization, preloading, and pre‑rendering—to consistently keep first‑frame times under 100 ms.

Network Latencyfirst frame optimizationmedia decoding
0 likes · 11 min read
How to Achieve Near‑Zero First‑Frame Delay in Video Playback
Didi Tech
Didi Tech
May 27, 2020 · Frontend Development

Micro Frontends: Evolution, Architecture, and Implementation in Car Service Platform

The article traces the rise of micro‑frontends from a solution to monolithic admin panels, explains their architectural benefits and various implementation options, and details Xiaoju Car Service’s Midway platform built on single‑spa with lifecycle hooks, sandboxing, idle‑time preloading, IndexedDB caching, and a unified login system.

Frontend ArchitectureJS SandboxMicro Frontends
0 likes · 17 min read
Micro Frontends: Evolution, Architecture, and Implementation in Car Service Platform
360 Quality & Efficiency
360 Quality & Efficiency
Dec 31, 2019 · Backend Development

Understanding the LocalServer Video Caching Mechanism

The article explains how LocalServer pre‑caches video data to improve start‑up speed and playback smoothness, detailing when and how much data is cached, storage policies, handling of network interruptions, and practical testing points for developers.

LocalServerStreamingnetwork optimization
0 likes · 6 min read
Understanding the LocalServer Video Caching Mechanism
Xianyu Technology
Xianyu Technology
Dec 20, 2018 · Operations

Optimizing Short Video Playback with Preloading and Proxy Caching

By preloading the MP4 header and initial frames and routing playback through a local proxy that caches range‑requested segments in an LRU disk store, the system moves the moov box to the file start (or fetches it separately), cutting short‑video start‑up latency to roughly 800 ms and delivering near‑instant playback.

ProxyStreamingcaching
0 likes · 13 min read
Optimizing Short Video Playback with Preloading and Proxy Caching
Aotu Lab
Aotu Lab
Mar 9, 2016 · Frontend Development

Master Image Optimization for Touch Pages: Reduce Size, Merge Requests, and Smart Loading

This guide explains practical image‑optimization techniques for touch‑screen web pages, covering file‑size reduction, request merging via sprites or Data URLs, and three loading strategies—normal, explicit/implicit preloading, and lazy loading—to improve performance and user experience.

frontend performancelazy loadingpreloading
0 likes · 5 min read
Master Image Optimization for Touch Pages: Reduce Size, Merge Requests, and Smart Loading
Suning Design
Suning Design
May 13, 2014 · Mobile Development

6 Proven Tricks to Make Mobile Apps Feel Faster

This article outlines six practical techniques—background execution, pre‑loading content, caching, UI‑first networking, predictive task start, and input minimization—to make mobile apps feel faster and more responsive, illustrated with real‑world examples from Instagram, Weibo, App Store, WeChat, and more.

UX optimizationbackground processingcaching
0 likes · 7 min read
6 Proven Tricks to Make Mobile Apps Feel Faster