在生产中使用css / javascript源代码地图的性能影响?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (19)
  • 应该在生产环境中使用源图吗?它们是否提供调试以外的任何好处?
  • 由于额外的服务器往返,它们是否会影响应用加载时间?浏览器是否足够聪明,可以.map在应用程序加载并呈现后加载资源?
  • 如果浏览器找不到.map资产(404错误),会不会影响性能?我应该关心修复它吗?

请注意,.map如果有复杂的concat / minify构建步骤,修复最后一个可能不如提供资产那么简单。

提问于
用户回答回答于

使用Charles Web Proxy进行的快速测试表明,只有在开发人员工具被打开的情况下,才会加载源地图。如果您在打开开发工具的情况下加载页面,则不会有源地图的http请求。

Chrome 43和Firefox 38的行为是一样的。

所以看起来他们对生产环境没有影响。

用户回答回答于

来自HTML5 Rocks:

基本上这是一种将组合/缩小文件映射回未建立状态的方法。当您为生产而构建时,同时缩小和组合您的JavaScript文件,您将生成一个包含有关原始文件信息的源地图。当您在生成的JavaScript中查询某一行和列号时,您可以在返回原始位置的源地图中执行查找。开发人员工具(当前WebKit每晚构建,谷歌浏览器或Firefox 23+)可以自动解析源映射,并使其看起来好像运行的是未记录和未合并的文件。

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

扫码关注云+社区