VasSonic轻量级的高性能的Hybrid框架正式开源

雨点打透心脏的1/2处 2022-06-10 02:55 189阅读 0赞

# VasSonic轻量级的高性能的Hybrid框架正式开源 #

标签： 开源

--------------------

## 简介 ##

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

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

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

<table> 
 <thead> 
  <tr> 
   <th align="center">图1: 使用Sonic模式前</th> 
   <th align="center">图2: 使用Sonic模式后</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td align="center"><img src="https://img-blog.csdn.net/20170808191251187?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGVuY2VudF9fb3Blbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="![default mode][1]" title=""></td> 
   <td align="center"><img src="https://img-blog.csdn.net/20170808191327629?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdGVuY2VudF9fb3Blbg==/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast" alt="![VasSonic mode][2]" title=""></td> 
  </tr> 
 </tbody> 
</table>

## 功能 ##

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

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

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

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

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

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

[Github]: https://github.com/Tencent/vassonic