小程序
小游戏
企业微信
微信支付
扫描小程序码分享
小程序页面使用了微信激励视频广告,在测试时,感觉页面卡顿,不添加不卡顿,请问有什么优化方法吗?
6 个回答
加粗
标红
插入代码
插入链接
插入图片
上传视频
onload 初始化激励广告,页面卡顿肉眼可见。
你好,麻烦通过点击下方“反馈信息”按钮,提供出现问题的。
+1
let videoAd = null Page({ /** * 页面的初始数据 */ data: { id: '', name: '', desc: '', createTime: '', }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this // 在页面onLoad回调事件中创建激励视频广告实例 if (wx.createRewardedVideoAd) { videoAd = wx.createRewardedVideoAd({ adUnitId: '' }) videoAd.onLoad(() => {}) videoAd.onError((err) => { wx.showToast({ title: '明天再来', }) }) videoAd.onClose((res) => { that.delFuc() }) } // console.log(options) this.setData({ id: options.id, name: options.name, desc: options.desc, createTime: options.createTime, }) }, onDelFuc: function () { // 添加广告 if (videoAd) { videoAd.show().catch(() => { // 失败重试 videoAd.load() .then(() => videoAd.show()) .catch(err => { console.log(err) }) }) } }, delFuc: function () { var that = this wx.showLoading({ title: '正在删除中', }) wx.cloud.callFunction({ name: 'fucname', data: { id: that.data.id } }).then(res => { wx.hideLoading() if (res.result) { // 此处不用redirectTo是为了防止使用系统自带返回按钮时,显示页面遗留问题 // 例如从a->b->删除b->a,会显示b的页面 wx.reLaunch({ url: '../a/b', }) } else { wx.showToast({ title: '删除失败', }) } }).catch(err => { console.error(err) }) }, }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })
麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)
关注后,可在微信内接收相应的重要提醒。
请使用微信扫描二维码关注 “微信开放社区” 公众号
onload 初始化激励广告,页面卡顿肉眼可见。
+1
+1
+1
let videoAd = null Page({ /** * 页面的初始数据 */ data: { id: '', name: '', desc: '', createTime: '', }, /** * 生命周期函数--监听页面加载 */ onLoad: function (options) { var that = this // 在页面onLoad回调事件中创建激励视频广告实例 if (wx.createRewardedVideoAd) { videoAd = wx.createRewardedVideoAd({ adUnitId: '' }) videoAd.onLoad(() => {}) videoAd.onError((err) => { wx.showToast({ title: '明天再来', }) }) videoAd.onClose((res) => { that.delFuc() }) } // console.log(options) this.setData({ id: options.id, name: options.name, desc: options.desc, createTime: options.createTime, }) }, onDelFuc: function () { // 添加广告 if (videoAd) { videoAd.show().catch(() => { // 失败重试 videoAd.load() .then(() => videoAd.show()) .catch(err => { console.log(err) }) }) } }, delFuc: function () { var that = this wx.showLoading({ title: '正在删除中', }) wx.cloud.callFunction({ name: 'fucname', data: { id: that.data.id } }).then(res => { wx.hideLoading() if (res.result) { // 此处不用redirectTo是为了防止使用系统自带返回按钮时,显示页面遗留问题 // 例如从a->b->删除b->a,会显示b的页面 wx.reLaunch({ url: '../a/b', }) } else { wx.showToast({ title: '删除失败', }) } }).catch(err => { console.error(err) }) }, }, /** * 生命周期函数--监听页面初次渲染完成 */ onReady: function () { }, /** * 生命周期函数--监听页面显示 */ onShow: function () { }, /** * 生命周期函数--监听页面隐藏 */ onHide: function () { }, /** * 生命周期函数--监听页面卸载 */ onUnload: function () { }, /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { }, /** * 页面上拉触底事件的处理函数 */ onReachBottom: function () { }, /** * 用户点击右上角分享 */ onShareAppMessage: function () { } })
麻烦提供能复现问题的代码片段(https://developers.weixin.qq.com/miniprogram/dev/devtools/minicode.html)