VPS参考测评推荐
专注分享VPS主机优惠信息
衡天云优惠活动
华纳云优惠活动

微信小程序如何优化?你可能不知道优化知识分享(小程序内存优化)

主机参考:VPS测评参考推荐/专注分享VPS服务器优惠信息!若您是商家可以在本站进行投稿,查看详情!此外我们还提供软文收录、PayPal代付、广告赞助等服务,查看详情!
我们发布的部分优惠活动文章可能存在时效性,购买时建议在本站搜索商家名称可查看相关文章充分了解该商家!若非中文页面可使用Edge浏览器同步翻译!PayPal代付/收录合作

微信小程序如何优化?本文总结了一些初学者在小程序中可能不知道的优化知识,分享给大家,希望对大家有所帮助!

微信小程序如何优化?你可能不知道优化知识分享(小程序内存优化)

导航器小部件小程序提供了两种页面路由方法:a .导航器小部件b .路由API,例如导航到/重定向到/切换选项卡/导航回退/重新启动。

微信爬虫在抓取小程序内容时,使用导航器组件有利于爬虫抓取页面级内容。如果您的小程序更注重搜索优化,建议优先使用导航器组件在页面之间跳转。

使用this.pageRouter.navigateTo而不是wx.navigateTo//index/index.jspage({ wx navigate:function(){ wx . navigate to({ URL:&;#39;。/new -page & amp;#39;})},routerNavigate:function(){ this . page router . navigate to({ URL:& amp;#39;。/new -page & amp;#39;})})假设页面索引/index的js代码如上所示。如果此时已经跳转到新的页面pack/index,然后调用上面的wxNavigate方法,那么跳转的新页面路径将是pack/new -page;但是,如果调用了routerNavigate方法,跳转的新页面路径仍然是index/new-page。

换句话说,this.pageRouter获得的路由器对象具有更好的基本路径稳定性。(一个常见的例子是用户点击按钮跳转到下一页,有时一个页面可能会因为卡顿的连续点击而重复打开,这可以通过调用页面路由器对象来避免。)

在谈论性能优化时,小程序长列表组件总是会提到如何优化长列表内容数据的呈现。该解决方案的核心思想是只呈现屏幕上显示的数据,基本实现是侦听滚动事件并重新计算需要呈现的数据,而不会为呈现的数据留下一个空的div占位符元素。

滚动驱动动画根据滚动位置不断改变动画进度是一种常见的场景。这种动画会让人觉得界面交互非常连贯自然,体验更好,如下图所示:

1.gif

此外,在上述文档中提到,如果需要更高级的动画,可以将其以自定义组件的形式封装,因为自定义组件可以在不影响整体页面性能的情况下实现局部刷新。

渲染缓存小程序的页面初始化分为两个部分:逻辑层初始化和视图层初始化。启用初始渲染缓存可以使视图层直接提前向用户显示页面初始数据的渲染结果,而无需等待逻辑层初始化,这可以大大提前页面对用户可见的时间(减少白屏的加载时间)。

使用初始渲染缓存,您可以:

快速显示页面中永远不会改变的部分,例如导航栏;

预先显示一个框架页面以增强用户体验;

显示自定义装载提示;

提前展示广告等等。

更多编程相关知识请访问:编程视频!!

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

本文由主机参考刊发,转载请注明:微信小程序如何优化?你可能不知道优化知识分享(小程序内存优化) https://zhujicankao.com/112954.html

【腾讯云】领8888元采购礼包,抢爆款云服务器 每月 9元起,个人开发者加享折上折!
打赏
转载请注明原文链接:主机参考 » 微信小程序如何优化?你可能不知道优化知识分享(小程序内存优化)
主机参考仅做资料收集,不对商家任何信息及交易做信用担保,购买前请注意风险,有交易纠纷请自行解决!请查阅:特别声明

评论 抢沙发

评论前必须登录!