VasSonic轻量级的高性能的Hybrid框架

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

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

VasSonic轻量级的高性能的Hybrid框架正式开源
官方开源地址:
https://github.com/Tencent/vassonic
来Github给VasSonic一个star吧!

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

使用Sonic模式前

使用Sonic模式后

VasSonic功能

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

  • 快速
    VasSonic通过中间层启动子线程并发拉取页面主资源和流式拦截的方式,支持内核边加载边渲染,弱化终端初始化过程耗时的影响,同时对页面进行动态缓存和增量更新,减少页面对网络数据传输的依赖,极速提升H5页面的加载速度。
  • 省流量
    VasSonic支持动态缓存页面内容,通过客户端和服务端遵守一定的格式规范,每次请求仅需要返回变动的数据块数据,大大减少响应数据传输。
  • 良好的用户体验
    通过预推送以及动态缓存页面,VasSonic先加载本地缓存页面,用户可以快速看到内容,即使在无网络场景下,依然能看到首屏内容,让H5页面的体验更加接近原生。
  • 易用
    VasSonic框架来自腾讯VAS团队超过一年的优化提速总结,它是一整套解决方案,可以快速在Android和iOS平台上接入使用,并且后台支持Node.js和PHP平台一键部署,无须繁琐配置流程。

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

转载自【腾讯开源】公众号,腾讯官方开源资讯,期待您的关注。

文章来源于腾讯云开发者社区,点击查看原文