javascript - 内部网站的激进缓存与 Javascript 文件组合

Question

我正在努力改进公司内部网页的页面性能。我们希望(动态地)合并我们的 javascript 文件并将它们缓存 30 多天。该页面在所有人登录时启动。

我的一位同事问，如果我们已经将它们缓存了一个月，是否值得花时间合并这些 JS 文件。他对是否同时执行这两项操作犹豫不决，因为组合工具是服务器端的，不能在我们的桌面上运行，需要一个有点笨拙的解决方法。

我一直在做一些研究，我看到的大多数性能建议都是针对外部网站的。由于我们处于一个封闭的系统中，因此一旦每个人的缓存都准备就绪，我们似乎不会从合并文件中获得太多好处。合并这些文件会给我们带来什么积极缓存不会给我们带来的好处？

如果有任何不同，我们将使用 IE8。

Answer 1

具有多个 JavaScript 文件的最显着影响是呈现页面所需的时间。每个脚本标签都单独处理，并增加了整个渲染过程的时间。

可以在这里找到一个很好的答案@ multiple versus single script tags

如果我们讨论的是大量脚本，那么您可能会发现渲染时间有所缩短；如果它只是两个或三个文件，那么一旦文件被缓存，它可能不会带来明显的差异。

我建议在这两种情况下测试页面呈现时间，看看您在您的情况下看到了多少改进，并根据该信息做出决定。

作为一个有用的例子，这里有一些来自 Xpedite 的统计数据(我不久前创建的运行时缩小工具)；请注意组合脚本与未组合脚本从加载到准备就绪的时间差异。