Влияние на производительность использования CSS / javascript source-maps в производстве?

  • должны ли исходные карты использоваться в производственной среде? Предоставляют ли они какие-либо преимущества, кроме отладки?
  • они влияют на время загрузки приложения из-за дополнительных обращений к серверу? Достаточно ли умны браузеры для загрузки .map активы после загрузки и визуализации приложения?
  • если браузер не может найти .map актив (404 ошибка), будет ли влияние на производительность? Должен ли я заботиться о его исправлении?

обратите внимание, что исправление последнего может быть не так просто, как обслуживание .map активы, если есть сложные шаги сборки concat / minify.

2 59
javascript css httprequest production-environment source-maps

2 ответа:

быстрый тест с помощью Charles Web Proxy показывает, что исходные карты только загружается, если открыть инструменты разработчика. Если вы загружаете страницу без dev tools открыт, нет http-запроса для исходных карт.

поведение было таким же в Chrome 43 и Firefox 38.

таким образом, похоже, что они не будут влиять на производственную среду.

62

из HTML5 Rocks:

в основном это способ сопоставить объединенный / уменьшенный файл обратно незастроенное состояние. Когда вы строите для производства, наряду с уменьшением и объединяя файлы JavaScript, вы создаете исходную карту, которая содержит информация о ваших исходных файлах. При запросе определенной строки и номер столбца в вашем сгенерированном JavaScript вы можете сделать поиск в исходная карта, которая возвращает исходное местоположение. Средства разработчика (в настоящее время WebKit ночные сборки, Google Chrome или Firefox 23+) могут проанализируйте исходную карту автоматически и сделайте так, чтобы она выглядела так, как будто вы работает unminified и разделять файлы.

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

2