VasSonic取名于索尼动画形象音速小子，是腾讯QQ会员 VAS团队研发的一个轻量级的高性能的Hybrid框架，专注于提升页面首屏加载速度，完美支持静态直出页面和动态直出页面，兼容离线包等方案。...接入VasSonic后首次打开可以在初始化APP的时候并行请求页面资源，并且具备边加载边渲染的能力。非首次打开时，APP可以快速加载上次打开动态缓存在本地的页面资源，然后动态刷新页面。...腾讯手机QQ通过VasSonic框架使得页面首屏耗时平均低于1S以下。 使用前后对比(OPPO R9机器，3G环境) 使用Sonic模式前： ? 使用Sonic模式后： ?...VasSonic功能特性 目前VasSonic框架是市面上支持最为完善的Hybrid框架，完美适用于静态直出页面和动态直出页面。...省流量：VasSonic支持动态缓存页面内容，通过客户端和服务端遵守一定的格式规范，每次请求仅需要返回变动的数据块数据，大大减少响应数据传输。
引言 腾讯手Q增值团队于今年8月份正式开源了VasSonic，一个轻量级高性能的Hybrid框架。...时隔三个月，在业务需求的驱动和开源社区的共同努力下，VasSonic迎来了开源后的第一次重大更新：VasSonic 2.0。...VasSonic 2.0新特性介绍 VasSonic 2.0新增了以下几个特性： 支持Local Server模式，在该模式下无需后台配合亦可完成秒开，大大降低接入门槛 支持自定义请求头和自定义响应头...为了使开发者更加方便地使用VasSonic，Local Server模式应运而生。...Thank you for reading ~ 点击阅读原文直接访问VasSonic源码： https://github.com/Tencent/VasSonic
腾讯手Q增值团队于今年8月份正式开源了VasSonic，一个轻量级高性能的Hybrid框架。...时隔三个月，在业务需求的驱动和开源社区的共同努力下，VasSonic迎来了开源后的第一次重大更新：VasSonic 2.0。...访问VasSonic源码：https://github.com/Tencent/VasSonic VasSonic 2.0新特性介绍 VasSonic 2.0新增了以下几个特性： 支持Local Server...为了使开发者更加方便地使用VasSonic，Local Server模式应运而生。...Thank you for reading ~ 直接访问VasSonic源码：https://github.com/Tencent/VasSonic
VasSonic轻量级的高性能的Hybrid框架 VasSonic取名于索尼动画形象音速小子，是腾讯QQ会员 VAS团队研发的一个轻量级的高性能的Hybrid框架，专注于提升页面首屏加载速度，完美支持静态直出页面和动态直出页面...腾讯手机QQ通过VasSonic框架使得页面首屏耗时平均低于1S以下。...VasSonic轻量级的高性能的Hybrid框架正式开源 官方开源地址： https://github.com/Tencent/vassonic 来Github给VasSonic一个star吧！...使用前后对比(OPPO R9机器，3G环境) 使用Sonic模式前 使用Sonic模式后 VasSonic功能 目前VasSonic框架是市面上支持最为完善的Hybrid框架，完美适用于静态直出页面和动态直出页面...体验展翅翱翔的速度，别忘了来Github给VasSonic一个star吧！ 转载自【腾讯开源】公众号，腾讯官方开源资讯，期待您的关注。
腾讯手机QQ通过VasSonic框架使得页面首屏耗时平均低于1S以下。...VasSonic轻量级的高性能的Hybrid框架正式开源 官方开源地址： https://github.com/Tencent/vassonic （点击文末阅读原文，直接访问该项目） 来Github给VasSonic...使用Sonic模式后 VasSonic功能 目前VasSonic框架是市面上支持最为完善的Hybrid框架，完美适用于静态直出页面和动态直出页面。...省流量 VasSonic支持动态缓存页面内容，通过客户端和服务端遵守一定的格式规范，每次请求仅需要返回变动的数据块数据，大大减少响应数据传输。...体验展翅翱翔的速度，别忘了来Github给VasSonic一个star吧！
我们非常高兴看到我们的成果收到这么多的关注，趁此机会，正好回顾一下VasSonic的成长历程，也希望能够让大家更了解VasSonic。...Pic 1: 没有使用VasSonic ?...Pic 2: 使用VasSonic 展望未来 开源只是故事的开始，我们仍会持续对 VasSonic 做改进，包括更易用的接口、更好的性能、更高的可靠性，同时快速响应解决开源后的issue和PR。...If you are interested in VasSonic, don't forget to STAR VasSonic....Thank you for reading ~ 直接访问VasSonic源码：https://github.com/Tencent/VasSonic
Sourcemap，ESLint等 ◇ 小程序细节优化，如请求列队，事件优化等 ◆ 地址： https://github.com/Tencent/wepy 4、轻量级高性能的 Hybrid 框架 VasSonic...VasSonic是腾讯QQ会员 VAS团队研发的一个轻量级的高性能的Hybrid框架，专注于提升页面首屏加载速度，完美支持静态直出页面和动态直出页面，兼容离线包等方案 接入VasSonic后首次打开可以在初始化...腾讯手机QQ通过VasSonic框架使得页面首屏耗时平均低于1S以下 ◆ 地址： https://github.com/Tencent/VasSonic 5、微信团队前端开发工具 WeFlow
我们非常高兴看到我们的成果收到这么多的关注，趁此机会，正好回顾一下VasSonic的成长历程，也希望能够让大家更了解VasSonic。...效果对比 Pic 1: 没有使用VasSonic Pic 2: 使用VasSonic 展望未来 开源只是故事的开始，我们仍会持续对 VasSonic 做改进，包括更易用的接口、更好的性能、更高的可靠性...If you are interested in VasSonic, don't forget to STAR VasSonic....Thank you for reading ~ 点击链接直接访问VasSonic源码： https://github.com/Tencent/VasSonic 如果觉得本文写得不错，想打赏作者，就在Github...上给VasSonic一个Star吧！
我们非常高兴看到我们的成果收到这么多的关注，趁此机会，正好回顾一下VasSonic的成长历程，也希望能够让大家更了解VasSonic。...Pic 1: 没有使用VasSonic（gif） ?...Pic 2: 使用VasSonic（gif） 展望未来 开源只是故事的开始，我们仍会持续对 VasSonic 做改进，包括更易用的接口、更好的性能、更高的可靠性，同时快速响应解决开源后的issue和PR...If you are interested in VasSonic, don’t forget to STAR VasSonic....Thank you for reading ~ 点击阅读原文直接访问VasSonic源码： https://github.com/Tencent/VasSonic
2 VasSonic https://github.com/Tencent/VasSonic Stars 5232 目前VasSonic框架是市面上支持最为完善的Hybrid框架，完美适用于静态直出页面和动态直出页面...接入VasSonic后首次打开可以在初始化APP的时候并行请求页面资源，并且具备边加载边渲染的能力。非首次打开时，APP可以快速加载上次打开动态缓存在本地的页面资源，然后动态刷新页面。...腾讯手机QQ通过VasSonic框架使得页面首屏耗时平均低于1S以下。 ? ?
轮播图 Immersionbar[24] 状态栏管理 PhotoView[25] 支持手势缩放图片 Circleimageview[26] 圆形图像 GSYVideoPlayer[27] 视频播放器 VasSonic...hdodenhof/CircleImageView [27]:https://github.com/CarGuo/GSYVideoPlayer [28]:https://github.com/Tencent/VasSonic
项目地址： https://github.com/Tencent/mars 5、轻量级的高性能的Hybrid框架 VasSonic star:9254 ?...VasSonic取名于世嘉动画形象音速小子，是腾讯QQ会员 VAS团队研发的一个轻量级的高性能的Hybrid框架，专注于提升页面首屏加载速度，完美支持静态直出页面和动态直出页面，兼容离线包等方案。 ...接入VasSonic后首次打开可以在初始化APP的时候并行请求页面资源，并且具备边加载边渲染的能力。非首次打开时，APP可以快速加载上次打开动态缓存在本地的页面资源，然后动态刷新页面。...腾讯手机QQ通过VasSonic框架使得页面首屏耗时平均低于1S以下。...项目地址： https://github.com/Tencent/VasSonic 6、一个轻量、可拓展、针对手机网页的前端开发者调试面板 vConsole star:8136 ?
客户端代理的VasSonic 在hybrid h5中，用户从点击到看见页面之间，还存在webview初始化，请求资源的时间，而这里的过程是串行的，对于追求更极致的体验来说，这里是有优化掉的空间和可能。...VasSonic是腾讯增值会员团队研发的一个轻量级hybrid框架，支持上面提到的离线包策略，更进一步的是，它还做了以下优化： webview初始化和通过客户端代理资源请求并行 流式拦截请求，边加载边渲染...VasSonic将html的内容分为html模板和动态数据两部分，如何区分这两种类型呢，它自己定义了一套html注释标记规则，通过标签划分哪些是动态数据，哪些是模板数据。...[图来源网络] VasSonic的方案整体思路和效果非常不错，特别是对于大部分web场景，通常我们的模板较少发生变化，大部分是数据部分变化，能够很好的通过局部刷新做到秒开效果。...但是VasSonic定义了一套特殊的注释标记及拓展了头部，需要包括后台在内的前后端进行改造，对web侵入性非常强，接入的工作量及维护成本会非常大。
现在大厂的方法有以下几种： VasSonic: https://github.com/Tencent/VasSonic TBS腾讯浏览服务: https://x5.tencent.com/ 百度app方案...mp.weixin.qq.com/s/AqQgDB-0dUp2ScLkqxbLZg 今日头条方案: https://mp.weixin.qq.com/s/KwvWURD5WKgLKCetwsH0EQ 5 VasSonic...参考文章： https://blog.csdn.net/tencent__open/article/details/77324952 5.1 STEP1: 1 //导入 Tencent/VasSonic...9.2 针对服务端 直出网页的拼装，服务端时获取网页的全部内容，客户端获取后直接加载 客户端本地html资源的版本控制 9.3 针对网页前端 删减不必要的js/css 配合客户端使用VasSonic
Hybrid相关的技术有很多，比如PhoneGap、Cordova、Ionic、VasSonic等等，我们大概来了解一下。...3.3 VasSonic VasSonic是由腾讯VAS团队开发的轻量级高性能混合框架，旨在加速在Android和iOS平台上运行的H5首屏。...VasSonic不仅支持服务器呈现的静态或动态网站，而且还完美兼容Web离线资源。...VasSonic使用自定义的url连接而不是原始网络连接来请求索引html，因此它可以提前或并行请求资源以避免等待视图初始化。...在这种并行的情况下，VasSonic可以通过WebKit或Blink内核读取和呈现部分数据，而无需花费太多时间等待数据流的结束。
比如MVP架构的mvpart，以及基于事件的异步编程库RxJava2，以及前端框架vasSonic等。
手Q团队的VasSonic是集大成者，主要思路是采用WebView和数据预拉取并行的方式。这套方案需要客户端和服务端采用指定协议改造接入，开发时也有一定的改造工作。...我们做了一个简要的方案对比，可以看到每个方案都针对渲染链路的某个或多个环节做了优化，其中VasSonic的效果比较显著。...离线包 SSR VasSonic CSR 资源加载 数据拉取 JS执行 WebView启动优化 首屏FCP 可交互(取决于JS执行) 2）方案架构 为了达到尽可能完全消除白屏
（时间选择器、省市区三级联动） VasSonic Tencent/VasSonic git://github.com/Tencent/VasSonic.git 9080 VasSonic is a lightweight
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
实时音视频
云直播
