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

Question

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

这是网站网络标签的图片。

Answer 1

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

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