基本介绍

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

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

使用前后对比(OPPO R9机器，3G环境)

使用Sonic模式前：

使用Sonic模式后：

VasSonic功能特性

目前VasSonic框架是市面上支持最为完善的Hybrid框架，完美适用于静态直出页面和动态直出页面。

具有以下几大特性：

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

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

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

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

源码托管地址

https://github.com/Tencent/vassonic

开发者指南

Getting started with Android

Getting started with iOS

Getting started with Node.js

Getting started with PHP

Demo下载

Hereis the Android sample demo.

Hereis the iOS sample demo.