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吧!