如何衡量 Web 资产浏览器缓存效率答案

【问题标题】：How to measure web assets browser cache efficiency如何衡量 Web 资产浏览器缓存效率
【发布时间】：2016-07-06 22:51:16
【问题描述】：

你（聪明人 :) 知道什么是衡量网站上使用的资产（js、css、字体等）的缓存效率的最佳方法吗？

我应该如何决定对于我的网站来说，更好的方法是（例如）将我的所有 JS 文件放入一个文件中还是将一些较小的文件分开？

许多网站都使用一、二、三个大文件，但例如 Facebook 有很多很多小文件。很明显，Facebook 有很多回头客，所以这个策略更好。但是如何衡量呢。

我知道我可以检查 GA 和回访/新访问者比率，但这不是很深入的检查。在那之后，我仍然不知道在进入我的网站时哪些用户有我的一些资产在缓存中而哪些没有。

【问题讨论】：

【解决方案1】：

我的建议是进行 A/B 测试。实施多种解决方案，衡量对用户加载速度的影响，查看 99 或 98 个百分位，您会发现哪个效果更好。

查看回访/新访问者数据是一种不错的方法，但如果您的用户不多，则不可靠。

Facebook 使用许多文件，因为它们也使用 http 2.0 (SPDY)。它解决了交付多个资源的许多问题，例如，此协议允许您压缩 http 标头，而不仅仅是像旧的 http 1.1 一样的主体。

【讨论】：