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

Question

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

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

Answer 1

使用Charles Web Proxy进行的快速测试表明，如果打开开发人员工具，则源地图仅 加载。如果您加载了一个页面而没有打开开发工具，则没有源请求的http请求。

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

所以它们似乎对生产环境没有影响。

Answer 2

来自HTML5 Rocks：

  

基本上，这是一种将组合/缩小文件映射回来的方法   未建立的国家。当你为生产而建立，同时缩小和   结合您的JavaScript文件，您可以生成一个包含的源地图   有关原始文件的信息。当您查询某一行时   您生成的JavaScript中的列号和列号可以在中查找   返回原始位置的源地图。开发者工具   （目前WebKit每晚构建，谷歌Chrome或Firefox 23+）可以   自动解析源地图并使其显示为您   运行未组合和未组合的文件。

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