小程序加载速度问题及解决方案（什么是小程序加载速度问题及解决方案）

小程序的加载速度是一个大问题。 长期以来，性能一直是人们关注的焦点，因此我将简要解释一下我遇到的问题和解决方案。

首先，从网络发出请求。 说到网络，它看起来像这样：

这基本上是： 虽然和前端无关，但这也是小程序优化的主要着眼点。 后端响应数据请求的速度会影响页面的整体速度，因此需要超过 300 毫秒才能到达第一个位置的请求将被视为缓慢。 因此，它会影响整体速度。

建议：优化接口，调用后端，响应速度更快。

此外，尽量减少不必要的请求并将数据合并到一个接口中。 这样操作起来更方便，还节省资源（除非被后端骂）。

P.2：照片

对于照片，检查用户上传的照片的大小。 如果大小大于500K，请拒绝。 尝试在上传服务器上压缩它。 如果您的文本包含许多图像，请尝试使用 base64。 转换可以节省资源。

对于多张图片，最好使用延迟加载技术。 。 。 将一些大型图片资源转化为在线资源。 具体方法是先将素材上传到CDN，然后在小程序中直接使用在线图片地址。

如果不知道如何压缩大小，请参考现成的https://blog.csdn.net/Young_Gao/article/details/88183442。

第三：控制小程序包，减少资源包大小。

简化第三方依赖项。 如果可能，请避免使用第三方软件包。 一些第三方引用了更大的模块。 尽量节省，减少不必要的代码……看来就算注释掉也会被打包，所以还是删除掉比较好。

第四：第三方接口调用问题

第三方接口调用速度很慢。 例如，如果调用腾讯的API检索位置信息，可能需要一秒钟的时间才能响应。 如果一家公司拥有自己的界面和算法，最好将其称为专有的。 腾讯的API也可能响应速度较慢。 它需要超过 300ms，如果可能的话应该避免。

第五：关闭关于setData

5.1. 频繁setData

在我们分析的一些案例中，一些小程序执行setData的频率非常高（毫秒级别）。 这会带来两个后果：

Android用户在滑动时会感到卡顿，体验会变慢。 反馈将明显延迟。 由于JS线程正在编译和渲染，无法及时将用户交互事件传递给逻辑层，逻辑层无法及时处理操作。 计算结果及时传递到视图层。 渲染会有延迟。 WebView的JS线程总是很忙，增加了逻辑层到页面层的通信时间。 视图层接收到的数据消息已经过了它的发送时间。 渲染结果不是实时的，因为它需要数百毫秒。

5.2. 每个setData都会传输大量的新数据。

setData的底层实现表明，发送数据实际上是一个EvaluateJavascript脚本过程。 过多的数据会增加脚本编译和执行时间并占用WebView JS线程。

5.3.在后台状态页面运行setData。

如果页面位于后台（用户不可见），则不要继续使用 setData。 用户在后台状态下感受不到页面渲染。 此外，填充后台状态页面会抢占前台页面的执行。

第六：变量

每个页面的生命周期都有一个销毁阶段。 在这个阶段，数据中的所有变量都被释放（这可以在页面未返回时完成）。 第二次打的时候比上次快了一点，但是不明显。 。 如果变量特别大，此时会特别明显。 我总是运行 20 或 30 个变量。 。 。 你可以忽略这一点。

第七：缓存

我认为每个页面都有一定的复用性。 如果有复用过变量，直接保存到本地然后等待。 关闭小程序后，将其移至本地存储并删除。

如果您的主页加载了很多内容，您可以缓存整个页面并在您键入时呈现缓存的数据。 再次访问该页面，等待请求接口数据。 这里我们正在进行静默渲染。

希望我说的对你有帮助，感谢你的阅读。

推荐教程：《微信小程序》

PHP快速学习视频免费教程（从入门到精通）

如何学习PHP？ PHP应该从哪里开始？我学PHP怎样才能学得快？ 这里有简单的 PHP 学习教程（从初学者到专家）。 您可以保存并下载您想学习的朋友。

下载

这几篇文章你可能也喜欢：

• 使用小程序字符串（将小程序字符串转换为数字）
• 如何提取小程序的链接？（如何提取微信小程序的链接）
• 微信小程序开发中var that =this的基本用法
• 小程序瀑布流（小程序中瀑布流的实现）
• 如何注销小程序？（注销营业执照/如何注销微信小程序）

本文由主机参考刊发，转载请注明：小程序加载速度问题及解决方案（什么是小程序加载速度问题及解决方案） https://zhujicankao.com/123815.html