停用Chrome的数据保护程序优化

Question

我在Chrome网站上加载图片时出现问题。现在我发现如果我手动禁用Chrome的Data Saver功能，一切正常。

documentation of Chrome介绍了如何禁用此功能 - 但我无法理解。

我尝试使用html标记添加Cache-Control: no-transform并添加header("Cache-Control: no-transform") - 但两者都不起作用。

有什么想法吗？

Answer 1

在再次思考我的问题之后，我意识到，我不必禁用PHP文件中的缓存而不是图像上的缓存。所以我使用了如下的htaccess文件：

<FilesMatch "\.(gif|jpg|jpeg|png|gif)$">
    Header set Cache-Control "no-transform"
</FilesMatch>

现在所有图片的缓存都消失了，网站运行正常。

Answer 2

Karsten的出色回答。我要添加的唯一指令是在htaccess文件中添加此代码时。

将其保留在3条不同的线上。如果它们在单行中，则会产生错误。

此外，由于非缓存，该站点的加载速度会变慢。