My site http://www.front-end.io http://www.front-end.io配置HTTP请求优先从缓存加载资源。所以我的标题将是这样的:
cache-control:max-age=315360000
ETag:W/"11913b-ks0rwRQM+ijHcl1HDuse3g"
Chrome确实不会向服务器发起任何请求(甚至304),它直接从缓存中加载:
我的 Windows 10 Chrome 从本地磁盘加载 js 文件需要 >400ms 的时间。
我的 Ubuntu Chromium 也需要 >100 毫秒。
但FireFox只需要大约10毫秒!
我也发现了这个问题Google Chrome 从缓存加载图像比下载速度慢 https://stackoverflow.com/questions/17571184/google-chrome-load-image-from-cache-slower-than-download,但没有任何解释。
有人可以帮忙吗?谢谢。
这可能是错误的计时信息。
为了让 Chrome 开发工具(例如时间轴)显示正确的信息,您必须禁用扩展程序以排除它们产生的噪音。相关摘录自如何使用时间轴工具文章 https://developers.google.com/web/tools/chrome-devtools/evaluate-performance/timeline-tool作者:凯斯巴斯克人:
禁用扩展。Chrome 扩展程序可能会添加不相关的噪音
您的应用程序的时间线记录。打开 Chrome 窗口隐身模式 https://support.google.com/chrome/answer/95464,或者创建一个新的Chrome 用户个人资料 https://support.google.com/chrome/answer/142059为了保证
您的环境没有扩展。
尽管某些扩展可以以阻塞方式拦截资源请求,但 Grammarly 不是这些扩展之一。它没有要求webRequestBlocking
清单文件中指定的权限。查看chrome.web请求页面 https://developer.chrome.com/extensions/webRequest了解更多信息。
如果您测量浏览器从磁盘缓存获取 /vendor.61e0ab918e699695d3a3.js 脚本、编译并执行它所花费的时间,您会发现无论是否启用语法,它几乎都是恒定的。您可以使用下面的代码片段:
<script>var startTime = performance.now();</script>
<script type="text/javascript" src="/vendor.61e0ab918e699695d3a3.js"></script>
<script>
var endTime = performance.now();
console.log("Time: " + (endTime - startTime) + " [ms].")
</script>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)