首页 > 编程语言 >怎么样能拿到微信小程序每次进入页面的渲染时长?

怎么样能拿到微信小程序每次进入页面的渲染时长?

时间:2023-09-13 19:31:53浏览次数:56  
标签:渲染 微信 记录 时间 Date now 页面

要获取微信小程序每次进入页面的渲染时长,可以通过以下几个步骤实现:

  1. 在页面的 onLoad 函数中记录开始时间戳:在页面的 onLoad 函数中,使用 Date.now() 记录当前时间戳。这将作为页面渲染开始的时间。
  2. 在页面的 onReady 函数中记录结束时间戳:在页面的 onReady 函数中,再次使用 Date.now() 记录当前时间戳。这将作为页面渲染结束的时间。
  3. 计算渲染时长:通过减去开始时间戳和结束时间戳的差值,计算出页面的渲染时长。

以下是一个示例代码:

Page({
  onl oad: function () {
    this.renderStartTime = Date.now(); // 记录页面渲染开始时间
  },
  onReady: function () {
    this.renderEndTime = Date.now(); // 记录页面渲染结束时间
    var renderTime = this.renderEndTime - this.renderStartTime; // 计算渲染时长
    console.log("页面渲染时长:" + renderTime + "ms");
  }
});

在上面的示例代码中,我们使用 this.renderStartTimethis.renderEndTime 分别记录页面的渲染开始和结束时间。然后,通过计算它们的差值,我们得到页面的渲染时长,并在控制台输出它。

请注意,渲染时长是一个近似值,它包括了页面资源加载、组件渲染等过程的时间。实际的渲染时长可能会因网络状况、设备性能等因素而有所不同。

标签:渲染,微信,记录,时间,Date,now,页面
From: https://blog.51cto.com/M82A1/7463454

相关文章

  • 微信小程序 封装请求api
    封装请求地址https.jsletbaseUrl='https://XX.XXX.com/index.php/';//自己得服务器地址export{baseUrl}结构目录封装request.jsimport{baseUrl}from'./https.js'module.exports={request:function(url,methodType,data){letful......
  • uniapp打包微信小程序包忽然超了
    前言做了一些代码上的修改,打包的时候发现包大小超了,而且超了500多k,已经不能通过压缩图片解决问题了,奇怪的是前几天还可以打包,后来发现是manifest.json中打包压缩字段被改为了false"mp-weixin":{"appid":".....","setting":{"minified":......
  • 微信二维码生成,token失效,填坑
    失效原因:生产环境token失效,被测试环境覆盖官方说明:目前access_token的有效期通过返回的expires_in来传达,目前是7200秒之内的值。中控服务器需要根据这个有效时间提前去刷新新access_token。在刷新过程中,中控服务器可对外继续输出的老access_token,此时公众平台后台会保证在5分钟内,......
  • 微信使用python定时主动群发消息
    目前市面上的微信营销软件,绝大部分是模拟登录或者进程hook外挂形式,属于违规使用微信的范畴,容易被微信官方封号。经过思考后,我觉得利用python自动化UI点击,鼠标键盘操作,是符合真人使用微信的习惯的,被封的风险最低。因为必须是UI自动化,所以我们使用windows系统,并且结合微信电脑版来实......
  • 微信 H5 页面兼容性——适配用户修改微信客户端字体大小
    关于微信安卓端网页字体适配的通知微信安卓版7.0.10版本起,网页的字体会跟随微信设置里的字体大小更改而变化。当用户修改微信客户端字体大小后,微信公众号网页的适配就会变得非常繁琐,Android系统设备有8级字体大小,IOS系统设备有7级字体大小,尤其将字体放大到最大一级后,......
  • 渲染组
    该类允许您将多个可呈现对象组合在一起,以便可以在只能提供单个可呈现对象的上下文中呈现它们。例如,您可能希望在.要在第三个面板中渲染两个面板,您需要构造一个组,将子可渲染对象作为位置参数,然后将结果包装在另一个面板中:fromrichimportprintfromrich.consoleimportGro......
  • 基于微信小程序的学生活动管理系统
    由于APP软件在开发以及运营上面所需成本较高,而用户手机需要安装各种APP软件,因此占用用户过多的手机存储空间,导致用户手机运行缓慢,体验度比较差,进而导致用户会卸载非必要的APP,倒逼管理者必须改变运营策略。随着微信小程序的出现,解决了用户非独立APP不可访问内容的痛点,所以很多APP软......
  • 基于微信小程序的医院挂号系统设计与实现+ssm
    随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了医院挂号系统小程序的开发全过程。通过分析医院挂号信息管理的不足,创建了一个计算机管理医院挂号信息的方案。文章介绍了医院挂号系统小程序的系统分析部分,包括可行性分析等,系统设计部......
  • 基于微信小程序的房屋租赁管理系统
    随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了基于微信小程序的房屋租赁管理系统的开发全过程。通过分析基于微信小程序的房屋租赁管理系统管理的不足,创建了一个计算机管理基于微信小程序的房屋租赁管理系统的方案。文章介绍了基于......
  • 基于微信小程序的公交信息在线查询系统
    随着信息技术在管理上越来越深入而广泛的应用,管理信息系统的实施在技术上已逐步成熟。本文介绍了微信小程序公交信息在线查询系统的开发全过程。通过分析微信小程序公交信息在线查询系统信息管理的不足,创建了一个计算机管理微信小程序公交信息在线查询系统信息的方案。文章介绍了微......