微信 Web 资源离线存储:解决移动网页体验不良问题的关键

2024-11-09
来源:网络整理

JS-SDK解决了移动Web能力不足的问题。通过暴露微信接口,Web开发者可以拥有更多的能力。然而,除了更多的能力之外,JS-SDK模式并没有解决移动网页使用时遇到的问题。体验不好的问题。当用户访问网页时,在浏览器开始显示之前会有一个白屏过程。在移动端,受设备性能和网络速度的限制,白屏会更加明显。微信团队投入了大量的技术精力来帮助平台上的网页开发者解决这个问题。因此,设计了增强版的JS-SDK,其中有一个重要的功能,叫做“微信网页资源离线存储”。

微信Web资源离线存储是面向 Web 开发者提供的基于微信内的 Web 加速方案。通过使用微信离线存储,Web开发者可借助微信提供的资源存储能力,直接从微信本地加载Web资源而不需要再从服务端拉取,从而减少网页加载时间,为微信用户提供更优质的网页浏览体验。每个公众号下所有Web App累计最多可缓存 5M 的资源。

小程序的由来

微信Web资源离线存储的设计有些类似,但在设计上避免了一些缺点。在内部测试中,我们发现离线存储可以解决一些问题,但是对于一些复杂的页面,比如加载大量CSS或者文件的页面,仍然会出现白屏问题。除了白屏之外,影响Web体验的问题就是操作反馈缺失,主要体现在两个方面:页面切换的僵硬和点击的滞后。

微信面临的问题是如何设计一个更好的系统,让所有开发者都能在微信中获得更好的体验。这个问题是之前的JS-SDK无法处理的,需要一个全新的系统来解决。它需要使所有开发人员能够执行以下操作:

小程序开发与普通Web开发的区别

小程序的主要开发语言是。与普通的Web开发相比,小程序的开发非常相似。对于前端开发者来说,从Web开发迁移到小程序开发的成本并不高,但两者还是有一些区别的。

差异项目小程序网页

渲染层和逻辑层

独立的

互斥的

逻辑层

不支持 DOM API/BOM API/

支持DOM API/BOM API/

运行环境

/IOS/小程序开发者工具

各种浏览器

小程序开发账号申请准备

进入微信公众平台,点击小程序,按照指引填写信息并提交相应材料,即可拥有自己的小程序账号。在这个小程序管理平台中,您可以管理您的小程序的权限、查看数据报告、发布小程序等操作。

配置

登录小程序后台,我们可以在菜单“开发”-“开发设置”中看到小程序。

安装开发工具

进入开发者工具下载页面,根据您的操作系统下载对应的安装包并安装。更详细的开发者工具介绍请参见《开发者工具简介》。

打开小程序开发者工具,使用微信扫描二维码登录开发者工具,准备开发你的第一个小程序吧!

至此,我们已经为算法演示Demo的C端开发做好了准备,接下来就可以进行具体的开发工作了。

分享