主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情! |
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作 |
小程序的加载速度是一个大问题。 长期以来,性能一直是人们关注的焦点,因此我将简要解释一下我遇到的问题和解决方案。
首先,从网络发出请求。 说到网络,它看起来像这样:
这基本上是: 虽然和前端无关,但这也是小程序优化的主要着眼点。 后端响应数据请求的速度会影响页面的整体速度,因此需要超过 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
评论前必须登录!
注册