【问题标题】:CSS image overlay require multiple calls to the server?CSS图像覆盖需要多次调用服务器?
【发布时间】:2023-03-23 07:55:01
【问题描述】:

假设我有一个包含 20 张照片的图片库,然后假设我想在 20 张照片上添加另一张图片作为图像叠加,以制作圆角或其他任何东西。

那就是 20 张不同的照片 + 1 张被调用 20 次的照片

浏览器将其计为 21 个调用或 http 连接还是 40 个?

【问题讨论】:

  • Fiddler 或 FireBug 工具将显示您的浏览器发出的请求。

标签: css image


【解决方案1】:

对同一页面上的同一资源的多次请求只会导致一个 HTTP 连接。因此,您获取相同的图像 20 次或仅一次,如果图像具有相同的文件名并且没有附加查询字符串,则只会导致一次传输。

【讨论】:

    【解决方案2】:

    一旦浏览器获得了叠加层的图像,它就应该在缓存中,因此不需要再次调用。我要处理 21 个请求。

    【讨论】:

      【解决方案3】:

      每个浏览器都应该识别出它刚刚下载了覆盖文件,并将其从缓存中拉出以供其他 19 张照片使用。

      当然,最简单的确保方法是尝试并检查您的访问日志,但我不知道有浏览器不够聪明,无法正确处理。

      【讨论】:

        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2014-01-23
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        相关资源
        最近更新 更多