Bilibili's offline package solution accelerates H5 page load by pre‑downloading resources, intercepting WebView requests, offering snapshot, AB testing, QR‑code debugging, version control, and off‑peak releases; deployed across many projects, it cuts load times by roughly 20‑30% and improves first‑contentful‑paint.
This article describes how Qunar’s travel app team built a unified performance measurement platform and applied a series of frontend‑focused optimizations—including JSBundle pre‑loading, slimming, splitting, rendering‑stage improvements, and service‑request prefetching—to consistently reduce the Time‑to‑Interactive metric by double‑digit percentages across core booking pages.
The report details a comprehensive overhaul of Puhui’s hybrid container for ride‑hailing services, introducing full‑link tracing, container reuse, offline resource caching, image WebP conversion and pre‑fetching, which together slash first‑screen load times by over 70 % and boost the 1‑second open rate from 12 % to 91 %.
The article explains why H5 pages feel slow in enterprise WeChat apps and presents a comprehensive set of techniques—including request reduction, caching, native‑H5 communication (jsapi, URL scheme, string replacement), bundling resources, pre‑loading WebView, incremental offline updates, iOS‑specific fixes, and WKWebView handling—to dramatically accelerate loading and achieve near‑native performance.
This article explains why H5 pages often suffer long white‑screen delays in mobile apps and provides a comprehensive set of front‑end, caching, and native integration strategies—including request reduction, preloading, communication methods, and WKWebView tweaks—to achieve near‑native load speeds.
This article describes the development of Qreact, a lightweight React‑compatible framework created by Ctrip to dramatically reduce bundle size for mobile apps, covering its core requirements, competitor analysis, design choices, implementation details, performance optimizations, and final results.
The article introduces Alibaba’s Weex framework, announced at QCon 2016, detailing its motivation, cross‑platform architecture, performance benchmarks, testing strategies, and three deployment modes—full‑page, native component, and H5 component—aimed at balancing performance and dynamic capabilities in mobile development.
This article details how Qzone’s front‑end and operations teams tackled the 50% slowdown after switching to HTTPS on mobile, using SPDY, TCP and SSL session reuse, domain consolidation, and TLS tuning to shave more than 1000 ms off page load times.
