程序员经验分享-hwhale

如何向 img 标签添加到期日期？

2024-04-19

我正在使用 Page Speed Firebug 扩展来帮助提高页面性能。我有一个包含大量图像的页面，它提出的建议之一是：

利用浏览器缓存 以下可缓存资源的新鲜生命周期较短。指定以下资源至少在未来一周后到期：

  • http://www.mysite.com/components/com_arrcard/assets/merchant-logos/aap25.jpg http://www.mysite.com/components/com_arrcard/assets/merchant-logos/aap25.jpg（未指定有效期）

我知道您可以在整个页面上设置 Expires 或 Cache-Control 标头，但如何向特定元素添加过期时间？这是否可能，或者我是否误解了页面速度的建议？


大概您会通过在网络服务器中使用某种设置（配置特定目录或使用脚本）来设置图像的过期或缓存标头，以便为每个图像发送的 http 请求也包含这些属性。

如果您使用 apache，为您执行此操作的一种选择是mod_expires http://httpd.apache.org/docs/2.0/mod/mod_expires.html.

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

html

cachecontrol

如何向 img 标签添加到期日期？ 的相关文章

  • 将 html 标签存储在 xml 中

    我有一个带有各种 html 标签的 html 格式的字符串 我想将此字符串放入 xml 标记中 以便 html 标记保留 例如 public class XMLfunctions public final static Document X

  • Angular2 rc5 和 Electron 错误 - 无法使用解析组件

    我正在学习如何将 Angular2 与 Electron 一起使用 目前我正在使用最新的 Angular rc5 和最新版本的 Electron 我决定使用官方的 Angular 教程 英雄之旅 在我开始路由之前 我没有遇到什么大问题 我必

  • 如何强制netbeans html自动完成使用双引号而不是单引号？

    我正在使用 NetBeans 7 3 我喜欢它的自动完成功能 然而在这个新的 7 3 版本中 当我输入

  • 当我使用 ctx.drawImage() 在画布中放置另一个图像时，无法将画布另存为图像

    我正在尝试制作绘图应用程序 您可以在画布上绘制一些内容 并通过单击 保存 按钮将结果保存为服务器上的图像 您还可以放置另一张图像作为绘图的背景 问题是 当我使用 ctx drawImage 将图像放入画布时 我无法将画布保存为图像 因为什么

  • Javascript 图像 src 属性返回错误值

    我有一些 javascript 代码附加到一个带有 onclick 的按钮 代码如下 function ondelete var getDiv document getElementById imgdiv var lb img imgdiv

  • 拉伸图像以填充浏览器窗口的宽度

    我有一个图像 我希望宽度能够填满浏览器窗口 无论窗口大小如何 如何在 HTML 和 CSS 中执行此操作 您可以添加宽度和高度为100 的div 也可以设置图像宽度和高度为100 div img src https picsum photo

  • div 内的溢出自动在 ie 中不起作用

    这是我的代码http jsfiddle net FbC86 http jsfiddle net FbC86 如果您使用 Chrome 或 Firefox 打开此页面 单元格内的文本将通过垂直滚动条正确溢出 如果您使用 Internet Ex

  • 如何正确设置 100% DIV 高度以匹配文档/窗口高度？

    我有一个包装器 位于中心位置 并带有 y 重复的背景图像 div some content div wrapper width 900px margin 0 auto 0 auto background image url image jp

  • 致命错误：发送表单时未找到“App\Http\Controllers\Input”类

    我正在尝试发送一封包含来自 Laravel 应用程序的表单的电子邮件 当你点击提交时 它会抛出上述错误 致命错误 找不到类 App Http Controllers Input 不知道为什么 因为我没有 也不知道我需要有一个输入控制器 或者

  • jQuery UI - 可拖动在放置后无法立即工作

    HTML div class character list div class character list container div img class 1 src http ahna web44 net img charas 13 p

  • 在 Flask 中，如何在单击按钮时生成动态 URL？

    例如 现在如果我在表单元素中有两个按钮 当您单击其中任一按钮时 您将被定向到相应的配置文件

  • CodeIgniter - 为什么使用 xss_clean

    如果我正在清理我的数据库插入 并且还转义我编写的 HTMLhtmlentities text ENT COMPAT UTF 8 是否还需要使用 xss clean 过滤输入 它还有什么其他好处 xss clean http docs gip

  • 如何配置 Firefox 在某些链接上运行 emacsclientw？

    我有一个 Perl 脚本 它会在一堆日志文件中查找 有趣 的行 以获取一些有趣的定义 它生成一个 HTML 文件 其中包含一个表 该表的列是时间戳 文件名 行号引用和 有趣 位 我想做的是让文件名 行号成为一个实际的链接 它将在 emacs

  • 具有不同高度块的三列布局

    我有基于 Twitter Bootstrap 的简单 3 列布局 唯一的问题是 每根柱子都是由不同高度的块组装而成 div class container div class row div class span4 div class bl

  • 工具提示出现在 intro.js 移动视图中的元素上方

    我正在使用 intro js 初步浏览我网站上的页面 该游览在桌面上看起来不错 但在移动设备上 工具提示出现在它所描述的元素的正上方 用户无法在移动视图中看到该元素 因为工具提示出现在该元素的正上方 见下图 我尝试自定义工具提示的位置 但输

  • CSS淡入淡出动画延迟计时

    我正在尝试使用 css3 创建幻灯片效果 我有三张图像 我需要将它们相互淡入淡出 每次转换需要持续 3 秒 第一张图像显示 3 秒 然后淡入第二张图像 第三张图像同样显示 我不确定如何计算关键帧的百分比 Codepen http codep

  • 如何在跨度上使用 CSS3 变换？ [复制]

    这个问题在这里已经有答案了 我有一个行内元素 a span 嵌套在 h1 标签 我申请了一个转换财产给h1 skew所以它看起来像一个平行四边形 我需要转换 the span 标记以 矫正 它及其文本 但这似乎只适用于 IE Here is

  • 如何使用 javascript 从 Audio Element 录制音频

    我正在使用 HTML5 和 Javascript 制作录音机 并且不想包含任何第三方 API 我的第一步是使用以下命令创建音频检索器和播放器

  • 如何从模板脚本访问 AngularJS 变量

    我的控制器 scope totals totals 我的模板 按 html 注入的预期工作 totals 但我需要的是访问变量totals在模板的脚本中 如下所示 我试过了 scope totals totals totals 等 均无济于

  • 针对较小屏幕的拆分表行

    我有一个固定宽度为 960px 有 5 列的表格 当我在移动设备中查看时 我想制作第 3 4 5 列 看起来就像在下一行 有什么方法可以让 CSS 打断一行 使其看起来像这样 但是 还保留原来的HTML代码吗 您可以使用 FlexBox f

随机推荐

热门标签