[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"project-4067":3},{"id":4,"name":5,"fullName":6,"owner":7,"repo":5,"description":8,"homepage":9,"htmlUrl":10,"language":11,"languages":10,"totalLinesOfCode":10,"stars":12,"forks":13,"watchers":14,"openIssues":15,"contributorsCount":16,"subscribersCount":16,"size":16,"stars1d":16,"stars7d":16,"stars30d":17,"stars90d":16,"forks30d":16,"starsTrendScore":16,"compositeScore":18,"rankGlobal":10,"rankLanguage":10,"license":19,"archived":20,"fork":20,"defaultBranch":21,"hasWiki":22,"hasPages":20,"topics":23,"createdAt":10,"pushedAt":10,"updatedAt":30,"readmeContent":31,"aiSummary":32,"trendingCount":16,"starSnapshotCount":16,"syncStatus":17,"lastSyncTime":33,"discoverSource":34},4067,"VasSonic","Tencent\u002FVasSonic","Tencent","VasSonic is a lightweight and high-performance Hybrid framework developed by tencent VAS team, which is intended to speed up the first screen of websites working on Android and iOS platform. ","",null,"Java",11860,1613,386,42,0,2,69.82,"Other",false,"master",true,[24,25,26,27,28,29],"android-sdk","h5","hybrid","ios-sdk","web","webview","2026-06-12 04:00:21","## VasSonic: A Lightweight And High-performance Hybrid Framework\n[![license](http:\u002F\u002Fimg.shields.io\u002Fbadge\u002Flicense-BSD3-brightgreen.svg?style=flat)](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002FLICENSE)\n[![PRs Welcome](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FPRs-welcome-brightgreen.svg)](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fpulls)\n[![wiki](https:\u002F\u002Fimg.shields.io\u002Fbadge\u002FWiki-open-brightgreen.svg)](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fwiki)\n---\n\n\u003Cp align=\"center\">\n  \u003Cimg alt=\"logo\" src=\"https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fassets\u002Flogo.png\"\u002F>\n\u003C\u002Fp>\n\nVasSonic is a lightweight and high-performance Hybrid framework developed by tencent VAS team,  which is intended to speed up the first screen of websites working on Android and iOS platform.\n Not only does VasSonic supports the static or dynamic websites which are rendered by server, but it is also compatible with web offline resource perfectly. \n\n VasSonic uses custom url connection instead of original network connection to request the index html, so it can request resource in advance or parallel to avoid waiting for the view initialization.\n In this parallel case, VasSonic can read and render partial data by WebKit or Blink kernel without spending too much time waiting for the end of data stream.\n\n VasSonic can cache html cleverly according to VasSonic Specification obeyed by client and server.\n VasSonic Specification specify template and data by inserting different comment anchor, templates are bigger parts of html which stay the same or changed rarely , in contradiction data, which is the smaller and constantly change part of html.\n According to this, VasSonic request less data by incremental updating templates and data, the websites are faster and feel more like native application.\n In conclusion, VasSonic effectively enhance the user experience and increase click rate, retention rate and other indicators.\n\n Sonic is called for short in project.\n\n### Before VS After Using VasSonic\n\nPic 1: Before Using VasSonic |  Pic 2: After Using VasSonic\n:-------------------------:|:-------------------------:\n![default mode][1]  |  ![VasSonic mode][2]\n\n## Getting started\n\n[Getting started with Android](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fsonic-android\u002FREADME.md)\n\n[Getting started with iOS](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fsonic-iOS\u002FREADME.md)\n\n[Getting started with Java](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fdev\u002Fsonic-java\u002FREADME.md)\n\n[Getting started with Node.js](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fsonic-nodejs\u002FREADME.md)\n\n[Getting started with PHP](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fsonic-php\u002FREADME.md)\n\n[Getting started with React](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fsonic-react\u002FREADME.md)\n\n## Demo Downloads\n1. [Here](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Freleases) are the latest sample demo for Android and iOS.\n\n\n## Support\nAny problem?\n\n1. Learn more from the following sample. \u003C\u002Fbr>\n[Android sample](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-android\u002Fsample)  \u003C\u002Fbr>\n[iOS sample](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-iOS\u002FSonicSample) \u003C\u002Fbr>\n[Java sample](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fdev\u002Fsonic-java\u002Fsample\u002Fwebapp) \u003C\u002Fbr>\n[Node.js sample](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-nodejs) \u003C\u002Fbr>\n[PHP sample](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-php\u002Fsample) \u003C\u002Fbr>\n[React sample](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-react) \u003C\u002Fbr>\n\n2. Read the following source code \u003C\u002Fbr>\n[Android source code](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-android\u002Fsdk) \u003C\u002Fbr>\n[iOS source code](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-iOS\u002FSonic)  \u003C\u002Fbr>\n[Java source code](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fdev\u002Fsonic-java\u002Fsrc\u002Fmain\u002Fjava\u002Fcom\u002Fgithub\u002Ftencent)\n[Node.js source code](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-nodejs) \u003C\u002Fbr>\n[PHP source code](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-php\u002Fsdk) \u003C\u002Fbr>\n[React source code](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Ftree\u002Fmaster\u002Fsonic-react) \u003C\u002Fbr>\n\n3. Read the [wiki](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fwiki) for help.\n\n4. Contact [us](https:\u002F\u002Fjq.qq.com\u002F?_wv=1027&k=4EaxB4K) or scan QR code for help.\u003C\u002Fbr>\n![QR code][3]\n\n## Contributing\nFor more information about contributing issues or pull requests, see our [VasSonic Contributing Guide](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002FCONTRIBUTING.md).\n\n## License\nVasSonic is under the BSD license. See the [LICENSE](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002FLICENSE) file for details.\n\n## The End\nIf you are interested in VasSonic, don't forget to STAR [it](https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic). \n\nVasSonic's mission is MAKING WEB MUCH BETTER!\n\nThank you for reading ~\n\n[1]: https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fassets\u002F20170705120005424.gif\n[2]: https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fassets\u002F20170705120029897.gif\n[3]: https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fassets\u002FQR.JPG\n[4]: https:\u002F\u002Fgithub.com\u002FTencent\u002FVasSonic\u002Fblob\u002Fmaster\u002Fassets\u002Flogo.png\n\n","VasSonic是由腾讯VAS团队开发的一款轻量级高性能混合框架，旨在加速Android和iOS平台上网站的首屏加载速度。它支持静态或动态服务器渲染网站，并完美兼容离线Web资源。通过自定义URL连接替代原始网络连接，VasSonic可以提前或并行请求资源，从而减少视图初始化时的等待时间。此外，根据VasSonic规范，该框架能够智能缓存HTML，并通过增量更新模板和数据来减少传输的数据量，使得网页加载更快、体验更接近原生应用。VasSonic特别适用于需要快速响应用户操作、提高用户体验的移动Web应用场景。","2026-06-11 02:58:14","top_language"]