H5 项目是企鹅辅导的核心项目，已迭代四年多，包括了课程详情页/老师详情页/报名页/支付页面等页面，构建产物用于企鹅辅导 APP/H5（微信/QQ/浏览器），迭代过程中了也累积了一些性能问题

什么是 JSB 我们开发的 h5 页面运行在端上的 WebView 容器之中，很多业务场景下 h5 需要依赖端上提供的信息/能力，这时我们需要一个可以连接原生运行环境和 JS 运行环境的桥梁 。 这个

本人实现了一套离线包混合开发方案，包括前后端，支持 iOS，Android，👉Github 地址。 重度的混合开发面临的主要问题就是页面的加载效率，弱网的情况下简直让人抓狂。提升页面的加载效率的主要方法就是使用缓存，众多缓存方案中，最常使用的就是浏览器缓存机制，服务器配置 C…

整体的一个方案的设计，我们会有一个类似 Orange 这样一个动态下发的平台，去配置一些我们想要预渲染的一个URL，它就会动态下发到一个用户的 APP 上，APP 获取到这些配置之后，就会在后台这边去

本文作者：蚂蚁金服高级无线开发专家bang阿里妹导读： 越来越多的APP内业务使用H5的方式实现，怎样让H5页面启动更快是很多人在探索的技术点，本文梳理了启动过程中的各个点，分别从前端和客户端角度去探

但这样就缺乏的H5的灵活部署更新的功能，因此我们可以在这个基础上加上离线包更新的技术，解决灵活更新问题。 前面完成了在线部署和开发环境。那么当开发了新版本之后，发布了同时更新了manifest.json的版本， 客户端就需要更新这个manifest.json. XCode ->…

现在许多app都嵌入了H5页面, 然而WebView加载速度慢这个问题却一直影响着用户的体验, 所以本文就如何提高H5页面的加载速度展开讨论。 首先我们需要知道为什么WebView的加载速度那么慢。H5页面的渲染速度其实主要取决于两个 如果js文件较多、解析比较复杂, 就会导致…

通过持续的迭代优化，这样一套无线离线包更新方案，已经稳定的运行在携程旅行主App和集团其它子App中。从目前生产统计数据看，我们的离线包在iOS和Android平台分别达到99.8%和99.5%的下载安装成功率，希望我们的方案可以对读者的类似业务有所参考。

在 H5 + Native 的混合开发模式中，让人诟病最多的恐怕就是加载 H5 页面过程中的白屏问题了。下面这张图描述了从 WebView 初始化到 H5 页面最终渲染的整个过程。 针对 WebView 初始化：该过程大致需耗费 70~700ms。当客户端刚启动时，可以先提前初…