VasSonic 取名于世嘉游戏形象音速小子，是腾讯 QQ 会员 VAS 团队研发的一个轻量级的高性能的 Hybrid 框架，专注于提升页面首屏加载速度，完美支持静态直出页面和动态直出页面，兼容离线包等方案。目前 QQ 会员、QQ 购物、QQ 钱包、企鹅电竞等业务已经在使用，平均日均 PV 在 1.2 亿以上，并且这个数字还在快速增长。

接入 VasSonic 后首次打开可以在初始化 APP 的时候并行请求页面资源，并且具备边加载边渲染的能力。非首次打开时，APP 可以快速加载上次打开动态缓存在本地的页面资源，然后动态刷新页面。腾讯手机 QQ 通过 VasSonic 框架使得页面首屏耗时平均低于 1S 以下。

使用前后对比（OPPO R9 机器，3G 环境）

使用Sonic模式前：

使用 Sonic 模式后：

目前 VasSonic 框架是市面上支持最为完善的 Hybrid 框架，完美适用于静态直出页面和动态直出页面。具有以下几大特性：

VasSonic 通过中间层启动子线程并发拉取页面主资源和流式拦截的方式，支持内核边加载边渲染，弱化终端初始化过程耗时的影响，同时对页面进行动态缓存和增量更新，减少页面对网络数据传输的依赖，极速提升 H5 页面的加载速度。

VasSonic 支持动态缓存页面内容，通过客户端和服务端遵守一定的格式规范，每次请求仅需要返回变动的数据块数据，大大减少响应数据传输。

通过预推送以及动态缓存页面，VasSonic 先加载本地缓存页面，用户可以快速看到内容，即使在无网络场景下，依然能看到首屏内容，让 H5 页面的体验更加接近原生。

VasSonic 框架来自腾讯 VAS 团队超过一年的优化提速总结，它是一整套解决方案，可以快速在 Android 和 iOS 平台上接入使用，并且后台支持 Node.js 和 PHP 平台一键部署，无须繁琐配置流程。

体验展翅翱翔的速度，别忘了来 Github 给 VasSonic 一个 star 吧！

原文来自：

本文地址： //gulass.cn/hybrid.html编辑：任维国，审核员：逄增宝

本文原创地址：//gulass.cn/hybrid.html编辑：public，审核员：暂无