Tag

Mobile Frontend

0 views collected around this technical thread.

Bilibili Tech
Bilibili Tech
May 21, 2024 · Frontend Development

Bilibili Offline Package Solution for Accelerating H5 Page Load Speed

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.

AB testingH5 performanceMobile Frontend
0 likes · 35 min read
Bilibili Offline Package Solution for Accelerating H5 Page Load Speed
Qunar Tech Salon
Qunar Tech Salon
Dec 7, 2022 · Mobile Development

Optimizing Time‑to‑Interactive (TTI) in the Qunar Travel App: JSBundle Loading, Rendering, and Service Request Strategies

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.

JSBundleMobile FrontendPerformance Optimization
0 likes · 12 min read
Optimizing Time‑to‑Interactive (TTI) in the Qunar Travel App: JSBundle Loading, Rendering, and Service Request Strategies
HelloTech
HelloTech
Jan 13, 2021 · Mobile Development

Hybrid Container Optimization for Puhui Ride‑Hailing Business

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 %.

Hybrid ContainerMobile FrontendMonitoring
0 likes · 19 min read
Hybrid Container Optimization for Puhui Ride‑Hailing Business
Tencent Cloud Developer
Tencent Cloud Developer
Jun 7, 2018 · Mobile Development

Optimizing H5 Loading Speed and Experience in Mobile Apps

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.

H5 optimizationMobile FrontendNative Integration
0 likes · 10 min read
Optimizing H5 Loading Speed and Experience in Mobile Apps
Ctrip Technology
Ctrip Technology
Mar 24, 2017 · Frontend Development

Qreact: A Mini React Framework for Mobile Front‑End Optimization

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.

Mini FrameworkMobile FrontendPerformance Optimization
0 likes · 9 min read
Qreact: A Mini React Framework for Mobile Front‑End Optimization
Alibaba Cloud Infrastructure
Alibaba Cloud Infrastructure
Apr 28, 2016 · Frontend Development

Weex – Alibaba’s High‑Performance Mobile Front‑End Framework: Architecture, Performance, and Usage

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.

AlibabaMobile FrontendWeex
0 likes · 8 min read
Weex – Alibaba’s High‑Performance Mobile Front‑End Framework: Architecture, Performance, and Usage