为什么我的网站即使在网站完全加载后仍不断从服务器请求资源

Question

我正在处理一个网站的 Web Vitals，我正在检查 Chrome 开发者工具的“网络”选项卡。网站完全加载，但我看到在网络选项卡中，服务器请求不断增加，请求的资源高达 7.8MB，并且网站有一个滑块，在网络中不断重复。我如何检查为什么提出了这么多请求？

这是网站的网络选项卡的图片。

Answer 1

我看到资源名称是 slide-X.jpg。在没有看到网站或其代码的情况下，我只能猜测页面上有一个循环播放图像的轮播。如果图像不可缓存，它们将继续通过网络加载。否则，如果它们是可缓存的，我希望根本看不到网络请求，或者最坏的情况是 304 HTTP“未修改”响应代码。

因此，我建议确认页面上有哪些类型的小部件，例如具有重复行为的轮播，并检查图像等静态内容的缓存控制标头，以避免每次都需要加载图像。就个人而言，我认为轮播是糟糕的用户体验，所以我什至建议您考虑将其全部删除！无论如何，您仍然应该更有效地缓存您的内容。