Question

为了提高网页的加载速度，我想设置图片的到期日期。我不确定如何做到这一点。

我正在通过CSS加载我的图像，通过Cloudfront从AWS中的S3存储桶加载。我在哪里指定到期日期？

这是我如何加载我的照片的一个例子：

.bg-header {
  background: url("https://dt25rte355.cloudfront.net/assets/12456.jpg"); 
  background-size: cover;
  height:480px;

Answer 1

在包含文件的目录中，创建一个名为.htaccess的新文件，并在里面添加以下内容：

<FilesMatch "\.(gif|jpg|jpeg|png)$">
     Header set Cache-Control "max-age=172800"
</FilesMatch>

您可以向正则表达式添加其他文件类型，并且apache会将指定的标头添加到每个图像请求中。请注意，此方法将要求您的文件托管在服务器上。

Answer 2

使用Amazon S3控制台将Cache-Control或Expires标头字段添加到Amazon S3对象 1.登录到AWS管理控制台，然后在https://console.aws.amazon.com/s3上打开Amazon S3控制台。 2.在Amazon S3控制台的“存储桶名称”列表中，选择包含文件的存储桶的名称。 3.在“名称”列表中，选择要添加标题的对象的名称。 4.选择“属性”，然后选择“元数据”。 5.选择“添加元数据”，然后在“键”菜单中，选择“缓存控件”或“过期”。 6.在“值”字段中，键入以下内容之一： ·对于“缓存控制”字段，键入： max-age =您希望对象保留在CloudFront边缘缓存中的秒数 ·对于“过期”字段，以HTML格式键入日期和时间。 7.选择保存。

缓存：设置图像的到期日期

2 个答案: