优化办法可所以工资削减 JS 衬着逻辑，也可所以更彻底地，回归到原始，所有内容都由办事端返回的 HTML 决定，无需等待 JS 逻辑，称之为办事端衬着。是否做这种优化视营业情况而定，毕竟这种会带来开辟模式变更/流量增大年夜/办事端开销增大年夜这些负面影响。手Q的部分页面就是应用办事端衬着的方法，称为动态直出，见 文┞仿 。

最后

早年端优化，到客户端缓存，到离线包，到更多的细节优化，做到上述这些点，H5 页面在启动上差不多可以媲美原生的体验了。

别的上述评论辩论的是针对功能模块类的 H5 页面秒开的优化筹划，客户端 APP 上除了功能模块，其他一些像营销晃荡/外部接入的 H5 页面可能有些优化点就不实用，还须要视实际情况汉孟耋而定。别的微信小法度榜样就是属于功能模块的类别，差不多是这个套路。

总结起来，大年夜体优化思路就是：缓存/预加载/并行，缓存一切收集请求，尽量在用户打开之前就加载好所有内容，能并行做的事不串行做。这里有些优化手段须要做好一整套对象和流程支撑，须要跟开辟效力衡量，视实际需求优化。

这里评论辩论了 H5 页面首屏启动时光的优化，上述优化过后，根本上耗时只剩 webview 本身的启动/衬着机制问题了，这个问题跟后续的响应流畅度的问题一路属于另一个优化范围，就是类 RN / Weex 如许的筹划，有机会再商量。

【编辑推荐】

1. Android截屏与WebView长图分享经验总结
2. Android截屏与WebView长图分享经验总结
3. 挨踢部落直播教室第二期：移动互联网产品中若何用好HTML5？
4. Android Webview应用和碰到过的坑总结
5. AgentWeb是基于Android WebView一个功能完美小型浏览器库

【义务编辑：未丽燕 TEL：（010）68476606】

个中对首屏启动速度影响最大年夜的就是收集请求，所以优化的重点就是缓存，这里侧重说一下前端对请求的缓存策略。我们再细分一下，分成 HTML 的缓存，JS/CSS/image 资本的缓存，以及 json 数据的缓存。

　　推荐阅读

　　数字化变革势不可挡，采购即将进入“全线上”时代

第三阶段，招投标交易流程全在线，然则交易后的每个环节还没有完全在线。 【51CTO晃荡】8.26 带你深度懂得清华大年夜学、搜狗基于算法的IT运维实践与摸索 在当局的积极推动和市场内生需求>>>详细阅读

本文标题：移动H5首屏秒开优化方案探讨

地址：http://www.17bianji.com/lsqh/36745.html

 1/2    1