Tag

offline package

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
Architect
Architect
May 19, 2024 · Mobile Development

Implementing Offline‑Capable H5 in Mobile Apps Using WebView and JSBridge

This article explores the architecture and implementation of hybrid mobile applications that run H5 pages with offline package support, detailing communication schemes between JavaScript and native code, JSBridge SDK design, offline package construction, management, version control, and related stability and security considerations.

Hybrid AppJSBridgeSDK
0 likes · 33 min read
Implementing Offline‑Capable H5 in Mobile Apps Using WebView and JSBridge
Tencent Cloud Developer
Tencent Cloud Developer
Apr 11, 2024 · Mobile Development

WebView-Based Offline H5 Implementation and JSBridge Design for Mobile Apps

This article details a hybrid WebView architecture for mobile apps that enables offline‑packaged H5 pages, describes bidirectional JSBridge communication methods, outlines a platform‑agnostic JavaScript SDK, explains package structure and version management, and covers development tools, UI integration, and security measures for stable cross‑platform deployment.

Hybrid AppJSBridgeWebView
0 likes · 34 min read
WebView-Based Offline H5 Implementation and JSBridge Design for Mobile Apps
HomeTech
HomeTech
May 17, 2023 · Mobile Development

Hybrid App Development: Architecture, Offline Package Management, and Container System

This article explains the motivation behind hybrid mobile development, outlines its overall architecture including offline package management and container systems, details the tooling and release process, and summarizes the practical benefits observed after deployment.

ContainerHybridWebView
0 likes · 7 min read
Hybrid App Development: Architecture, Offline Package Management, and Container System
NetEase Yanxuan Technology Product Team
NetEase Yanxuan Technology Product Team
Mar 20, 2023 · Mobile Development

Hybrid Development Practices: Frontend and Client Collaboration at NetEase Yanxuan

At NetEase Yanxuan, successful webview‑plus‑APP hybrid development hinges on close frontend‑client collaboration, detailed attention to presentation, workflow, and error handling, strict JSBridge standards with unified SDK and documentation, and proactive communication to bridge knowledge, business, and legacy gaps across Android and iOS.

API standardizationJSBridgeWebView
0 likes · 12 min read
Hybrid Development Practices: Frontend and Client Collaboration at NetEase Yanxuan
Tencent Cloud Developer
Tencent Cloud Developer
Dec 16, 2022 · Frontend Development

Hybird H5 Instant Rendering: Enterprise WeChat's Performance Optimization Practice

Tencent’s Enterprise WeChat team built a hybrid H5 instant‑rendering solution that combines offline packages, global WebView pre‑creation, data pre‑fetching and JavaScript pre‑execution to cut first‑screen time from over a second to about 130 ms, achieving a 97 % pre‑heat container hit rate and dramatically improving interactive performance.

Enterprise WeChatH5 performanceHybrid App
0 likes · 14 min read
Hybird H5 Instant Rendering: Enterprise WeChat's Performance Optimization Practice
NetEase Yanxuan Technology Product Team
NetEase Yanxuan Technology Product Team
Dec 5, 2022 · Mobile Development

H5 Containerization in Mobile Apps: Loading Optimization, Performance Monitoring, Plugin System, and Factory Solutions

The article proposes a full‑stack H5 containerization framework for mobile apps that boosts user experience and development efficiency by pre‑heating WebViews, using offline packages and parallel data loading to cut load times, adding comprehensive performance monitoring, a modular native‑plugin system, and a configuration‑driven shell‑container factory that frees frontend teams from mobile‑team dependence.

H5 ContainerHybrid AppPlugin Architecture
0 likes · 22 min read
H5 Containerization in Mobile Apps: Loading Optimization, Performance Monitoring, Plugin System, and Factory Solutions
Xingsheng Youxuan Technology Community
Xingsheng Youxuan Technology Community
Jun 28, 2022 · Mobile Development

Achieving Near‑Native Web App Experience on Mobile with a Hybrid Stack

This article details a hybrid solution that combines native WebView containers, offline resource packaging, and Flutter Boost integration to deliver web applications with performance and user experience comparable to pure native apps, while enabling instant updates and rich native capabilities on both Android and iOS.

Hybrid AppMobileNative Integration
0 likes · 15 min read
Achieving Near‑Native Web App Experience on Mobile with a Hybrid Stack
LOFTER Tech Team
LOFTER Tech Team
Jul 20, 2021 · Frontend Development

Design and Performance Evaluation of an Offline Package Solution for H5 Pages in Mobile Apps

This article presents the design, implementation, and performance analysis of an offline‑package system that bundles H5 resources for WebView‑based mobile apps, detailing the configuration platform, webpack plugin, client SDK integration, and measured improvements in DNS, TCP, DOM‑Ready, and WebVitals metrics across various network conditions.

MobilePerformanceWebView
0 likes · 14 min read
Design and Performance Evaluation of an Offline Package Solution for H5 Pages in Mobile Apps
NetEase Cloud Music Tech Team
NetEase Cloud Music Tech Team
Jan 28, 2021 · Mobile Development

iOS WKWebView Request Interception via WKURLSchemeHandler and JavaScript Injection

By combining WKURLSchemeHandler with injected JavaScript that captures request bodies, forwards them via WKScriptMessageHandler, and synchronizes cookies and redirects, this approach overcomes iOS WKWebView’s native limitations, offering a stable, per‑webview interception method superior to NSURLProtocol for offline‑package loading.

JavaScript InjectionWKURLSchemeHandlerWKWebView
0 likes · 18 min read
iOS WKWebView Request Interception via WKURLSchemeHandler and JavaScript Injection
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
AntTech
AntTech
Mar 5, 2020 · Mobile Development

Elastic Dynamic Architecture on Mobile: Technical Practices of Alipay's mPaaS Platform

This article explains how Alipay leverages its mPaaS mobile development platform to achieve lightweight coupling, elastic dynamic architecture, hybrid solutions, offline package management, rapid publishing, and comprehensive monitoring, illustrating the technical choices and practical experiences behind building high‑performance, quickly updatable mobile applications.

Dynamic UpdatesHybrid ArchitectureMonitoring
0 likes · 26 min read
Elastic Dynamic Architecture on Mobile: Technical Practices of Alipay's mPaaS Platform
Ctrip Technology
Ctrip Technology
Feb 28, 2018 · Mobile Development

Incremental Offline Package Update Solution for Ctrip Travel App

The article details Ctrip's engineering solution for incremental offline package updates in its travel app, covering package creation, management, differential patch generation, download strategies, installation, monitoring, and practical challenges to achieve high success rates on iOS and Android.

DeploymentDiff AlgorithmMonitoring
0 likes · 13 min read
Incremental Offline Package Update Solution for Ctrip Travel App