如何解决为什么浏览器只发送 1 个对 4 个图像标签的请求？
我注意到一个奇怪的行为。 html 页面上有 4 个 img 标签，但网络面板中只有一个 http get 请求。
为什么会出现这种行为？ 我认为即使有 4 个相同的资源请求，至少会发送 4 个请求，并且在第一个请求完成后将从缓存中返回最后 3 个请求。
<html><head>
<Meta charset="utf-8">
<Meta name="viewport" content="width=device-width,initial-scale=1">
<title>test</title>
</head>
<body>
<h1>for 4 Image only one http request was sent</h1>
<img src="lily.jpg" alt="Girl in a jacket" width="500" height="600">
<img src="lily.jpg" alt="Girl in a jacket" width="500" height="600">
<img src="lily.jpg" alt="Girl in a jacket" width="500" height="600">
<img src="lily.jpg" alt="Girl in a jacket" width="500" height="600">
</body></html>解决方法
您只引用了一种外部资源，即“lily.jpg”。
您使用它 4 次的事实不会使浏览器重新下载相同的内容 4 次。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 dio@foxmail.com 举报，一经查实，本站将立刻删除。
