记一次微信小程序页面加载慢的排查过程

公司新上线了一个微信小程序，在测试环境以及小程序体验版上测试一切正常，但上线之后，页面加载尤其慢。

经过运维排查，所有的请求到达服务器后均在1s内处理完成并响应，偶尔有2-3s的请求，极少。

既然服务端处理请求没有问题，那么，加载可能出现在小程序本身或网络延迟，但后者可能性较低。于是，使用fiddler抓包，其中一个加载较慢的请求结果如下：

关键时间节点如下：

· 客户端与服务器完成tcp链接时间是11:31:35（时分秒）

· 客户端开始向服务端发送请求的时间是11:31:36（时分秒）

· 服务端接收到请求的时间是11:31：36（时分秒）

· 服务端开始响应的时间是11:31:46（时分秒）

也就是说，从服务器接收到请求到开始响应耗时10s，可这跟运维查看的日志结果不符！

鉴于上面的抓包结果和生产日志结果相悖，决定使用curl对耗时较长的>

目前总结解决方法：同时需要设置模块的函数，函数都可放置在utiljs中去。

首先：

一、在utiljs中放入如下两组函数

1 设置点击后多久不能再次 *** 作该

function throttle(fn, gapTime) {

  if (gapTime == null || gapTime == undefined) {

    gapTime = 1500

  }

  let _lastTime = null

  // 返回新的函数

  return function () {

    let _nowTime = + new Date()

    if (_nowTime - _lastTime > gapTime || !_lastTime) {

      fnapply(this, arguments)  //将this和参数传给原函数

      _lastTime = _nowTime

    }

  }

}

2 设置加载动画

function showLoading(message) {

  if (wxshowLoading) {    // 基础库 110 微信656版本开始支持，低版本需做兼容处理

    wxshowLoading({

      title: message, mask: true

    });

  } else {    // 低版本采用Toast兼容处理并将时间设为20秒以免自动消失

    wxshowToast({

      title: message, icon: 'loading', mask: true, duration: 20000

    });

  }

}

function hideLoading() {

  if (wxhideLoading) {    // 基础库 110 微信656版本开始支持，低版本需做兼容处理

    wxhideLoading();

  } else {

    wxhideToast();

  }

}

并且将其导出作为页面使用：

moduleexports = {

  throttle: throttle,

  showLoading: showLoading,

  hideLoading: hideLoading,

}

二、将函数引入页面使用

const util = require('//utils/utiljs');

即可。

你好

有三种可能：

1、网速问题

2、小程序本身的问题

3、最新消息：部分小程序访问故障。7

月

25

日，部分微信小程序因「运行环境加载失败」而无法打开，这些加载失败的小程序似乎都接入了「腾讯地图」api，目前不确定小程序大范围的访问故障是否和「腾讯地图」或腾讯云有关。

希望对你有帮助！

1、一般正常情况下，我们在 iphone 手机上都会通过苹果官方的 app store 应用下载软件。但是有一些商家在卖手机时，可能会用第三方软件为我们批量安装一些常用的软件，导致在后期出现应用打不开，需要密码，闪退的情况。

2、如果是遇到这样的情况，可以通过这些软件助手来修复。把手机与电脑连接起来，打开软件助手，都会出现“修复闪退”功能，修复一下即可。

3、如果是想从彻底解决问题的话，请在主屏上删除微信软件，再前往 app store 中重新下载安装就可以完美解决该问题。

4、如果你的微信是在 app store 中用自己的 apple id 账号下载的，也遇到了闪退的话，应该是系统与软件之间出现了问题，此时我们可以打开 iphone6 手机的后台管理，把微信从后台退出去。

5、如果从后台退出不能解决微信闪退的问题，我们还可以尝试把 iphone 关机再开机，让系统重新启动一下，解决系统与软件之间存在的冲突。

6、如果关机再开机也不能解决的话，如果可以的话，你也可以选择删除微信，再重新下载安装。

以上就是关于记一次微信小程序页面加载慢的排查过程全部的内容，包括:记一次微信小程序页面加载慢的排查过程、小程序改域名后一直加载、微信小程序遇坑——多次点击页面重复加载及数据重复提交等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！