微信小程序如何有效处理网络请求缓存问题？

本文共计1416个文字，预计阅读时间需要6分钟。

要求+提交小程序审核时，进行体验测评，根据产品体验报告优化小程序。其中，网络请求优化是一项难点。文档中解释如下：3分钟。

需求

提交小程序审核时，有一个体验测评，产品让我们根据小程序的体验测评报告去优化小程序。

其中有一项是网络请求的优化，给我们出了很大的难题。

文档中是这样解释的：3分钟以内同一个url请求不出现两次回包大于128KB且一模一样的内容

看到这个问题的时候，首先想到的是在响应头上加上cache-control，经过测试发现小程序并不支持网路请求缓存。搜索发现官方明确答复，小程序不支持网络请求缓存：wx.request不支持http缓存

既然官方不支持网络请求缓存，那只能自己想办法解决这个问题了。

先来看一下需求：3分钟内，同一请求只能请求一次。

分析

分析：

• 只需做GET请求的网络缓存。
• 缓存时间如何控制。
• 做了缓存之后，如何知道3分钟，这个请求在服务端数据有没更新。
• 提交GET请求前，先检查本地有没有缓存

前两点比较好实现，虽然小程序不支持网络请求缓存，但我们还是可以利用cache-control来实现这个功能。

首先网络请求需不需要情缓存统一交给服务端去做，服务端在处理GET请求时，统一加上响应头cache-control，如果需要缓存就用max-age=180，如果不需要做网络请求就用no-cache。前端根据响应头信息自己做前端缓存。