腾讯正式开源高性能Hybrid框架VasSonic!

基本介绍

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.

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Jerry的SAP技术分享

推荐一个yaml文件转json文件的在线工具

YAML的全称是YAML Ain’t Markup Language,是一种简洁的非标记语言,以数据为中心,使用空白,缩进,和分行组织数据,从而使得表示更加简洁...

20610
来自专栏web编程技术分享

【php增删改查实例】第二十六节 - 个人详情页制作

21770
来自专栏杨龙飞前端

vue重构后台管理系统调研

Q4要来了,我来这家公司已经一个季度了,通过对公司前端框架的整体认识,对业务的一些认识,发现,这些东西也都是可以重构,无论是v2,还是v3的代码。

23510
来自专栏WeTest质量开放平台团队的专栏

一种精准monkey测试的方法

原文链接:https://wetest.qq.com/lab/view/413.html

16510
来自专栏進无尽的文章

ReactNative| 开发环境的搭建及工程的创建

下载最新版的Node.js后,一步一步安装即可。注意下载后的文件为 pkg 文件而不是 dmg。

19930
来自专栏社区的朋友们

20分钟掌握前端编写 CLI 工具

自古软件设计这个武林有两大流派,其中有一个是” CLI “,另外一个是” GUI “。它们一个为了普渡众生,一个为了提高内力,虽然在 GUI 出现之前,CLI ...

91700
来自专栏Hongten

网页上播放视频的免费的播放器_CKPlayer

今天在工作的过程中遇到一个功能:在网页中加入视频播放器,类似于我们经常看到的优酷,爱奇艺等视频网站的功能。

5.8K10
来自专栏ytkah

怎样把微信聊天记录导出备份到电脑【微信公众平台技巧】

  微信公众平台上的微信聊天记录可以保留5天,但公众平台回复用户消息时限将从24小时延长为48小时,所以我们有必要进行及时回复、微信聊天记录导出备份。及时回复微...

82970
来自专栏张戈的专栏

WordPress集成底部滚动推荐条,让好文章不再被埋没

最新消息:目前该功能张戈博客已推出 WordPress 插件,欢迎安装使用!详细介绍=>> 这个功能最开始叫底部滚动公告条,部分 WordPress 主题集成自...

38890
来自专栏较真的前端

饿了么的 PWA 升级实践

37340

扫码关注云+社区

领取腾讯云代金券