<链接rel= subresource href=“文件”>不缓存,尽管具有正确的缓存标头。似乎用200ok回复下载两次
-
20-12-2019 - |
题
我在我的网站上使用glyphicons,它们是bootstrap的一部分3.在查看我意识到的Dev控制台的网络选项卡时(当浏览器的解析器到达时),并且有空间通过将该元素提高到浏览器来提高性能。
在Chrome中,可以通过以下方式执行此操作:
<link rel="subresource" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.1.1/fonts/glyphicons-halflings-regular.woff">
.
在文档的<HEAD>
中。
我看到DomContentLoaded的时间以一种方式增加,这表明这个文件正在加载两次(屏幕截图中的第一个第5行,并在第二行到最后一行)。我的怀疑进一步证实,它是通过HTTP响应代码(200)加载两次,告诉我它来自远程服务器两次,并且没有从缓存中获取。
您可以看到dev控制台的样子: http://oi60.tinypic.com/2t9n7.jpg (如果in tinypic下降,这里它在我的另一个东西: https://www.dropbox .com / s / vlwgywatg9rsg8v / subresourcenotcached.png )
该资产的HTTP版本上的缓存标头是值得注意的,但是对于HTTP和HTTPS来说,Dev控制台上的网格显示屏也是如此。
HTTP/1.1·200·OK(CR)(LF)
Server:·cloudflare-nginx(CR)(LF)
Date:·Mon,·02·Jun·2014·17:49:06·GMT(CR)(LF)
Content-Type:·application/octet-stream(CR)(LF)
Content-Length:·23320(CR)(LF)
Connection:·close(CR)(LF)
Last-Modified:·Thu,·13·Feb·2014·22:45:07·GMT(CR)(LF)
Expires:·Sat,·23·May·2015·17:49:06·GMT(CR)(LF)
Cache-Control:·public,·max-age=30672000(CR)(LF)
Access-Control-Allow-Origin:·*(CR)(LF)
CF-Cache-Status:·HIT(CR)(LF)
Accept-Ranges:·bytes(CR)(LF)
CF-RAY:·13457c53f04d0378-LAX(CR)(LF)
(CR)(LF)
.
有人是否有深入了解如何将此.woff文件达到缓存,并正确利用Chrome中的链路子资源功能?
解决方案
它是当前Chrome中的错误。看看 https://code.google.com/p/chromium/问题/细节?ID= 312327
不隶属于 StackOverflow