在生产中使用 css/javascript 源映射的性能影响？

Question

• 应该在生产环境中使用 source-maps 吗？ 除了调试之外，它们是否提供任何好处？
• 由于额外的服务器往返，它们是否会影响应用加载时间？ 浏览器是否足够智能以在加载和呈现应用程序后加载.map资产？
• 如果浏览器找不到.map资产（ 404错误），是否会影响性能？ 我应该关心修复它吗？

请注意，如果存在复杂的 concat / minify 构建步骤，修复最后一个可能不像提供.map资产那么容易。

Answer 1

使用Charles Web Proxy 进行的快速测试表明，仅在打开开发人员工具时才加载源映射。 如果您在未打开开发工具的情况下加载页面，则不会对源地图进行 http 请求。

Chrome 43 和 Firefox 38 中的行为是相同的。

所以看起来它们不会对生产环境产生影响。

Answer 2

来自 HTML5 摇滚：

基本上，这是一种将组合/缩小文件映射回未构建状态的方法。 当您为生产构建时，连同缩小和组合您的 JavaScript 文件，您会生成一个源映射，其中包含有关原始文件的信息。 当您在生成的 JavaScript 中查询某个行号和列号时，您可以在返回原始位置的源地图中进行查找。 开发人员工具（目前是 WebKit nightly builds、Google Chrome 或 Firefox 23+）可以自动解析源映射并使它看起来好像您正在运行未缩小和未组合的文件。

http://www.html5rocks.com/en/tutorials/developertools/sourcemaps/