主要是用于提升 HTML5 页面的首屏加载速度,这是使用 Sonic 前后的效果对比:
使用 Sonic 前

使用 Sonic 后

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