Перейти к содержимому
Aback Tools Logo

Компрессор source map

Загрузите файл source map JavaScript или CSS (.map), чтобы сжать его с помощью GZIP и Brotli — покажет точную экономию размера, разберёт метаданные source map и создаст готовую к использованию конфигурацию сервера nginx, Apache и CDN. Работает полностью в вашем браузере, без регистрации.

Source Map Compressor

Upload a JavaScript or CSS source map (.map) file to compress it with GZIP and Brotli - shows exact size savings and generates ready-to-use nginx, Apache, and CDN server configuration snippets. Runs entirely in your browser.

Drop your source map file here

or click to browse

.map, .js.map, and .css.map files are supported

Почему стоит использовать наш компрессор source map?

  • Мгновенное сжатие source map: сжимайте .map-файлы с GZIP и Brotli мгновенно в браузере — смотрите точную экономию размера и скачивайте сжатые файлы за секунды.
  • Безопасный онлайн-компрессор source map: ваш файл source map никогда не покидает устройство. Всё сжатие выполняется локально в песочнице браузера: безопасно для source maps, содержащих проприетарные пути кода.
  • Готовая конфигурация сервера: получайте фрагменты конфигурации nginx, Apache и CDN, адаптированные под ваш файл source map: копируйте их прямо в конфигурацию сервера.
  • 100 % бесплатно навсегда: сжимайте сколько угодно файлов source map совершенно бесплатно. Без аккаунта, без подписки, без ограничений размера файлов и без рекламы.

Что такое сжатие source map?

Сжатие source map — это применение GZIP- или Brotli-сжатия к файлам source map (.map) JavaScript и CSS перед их отдачей с вашего веб-сервера или CDN. Source maps — это JSON-файлы, которые сопоставляют минифицированный продакшн-код с исходным кодом. Они могут быть очень большими (часто в 2–10 раз больше самого минифицированного файла), так как содержат полные данные о сопоставлении и, опционально, исходный код. Наш бесплатный компрессор source map сжимает ваши .map-файлы в браузере и создаёт конфигурацию сервера, необходимую для их корректной отдачи.

Как работает наш компрессор source map

  1. Загрузите source map: перетащите или нажмите, чтобы выбрать любой файл .map, .js.map или .css.map с вашего устройства.
  2. Сжатие в браузере: нажмите «Сжать source map» — инструмент сжимает файл с GZIP и Brotli через нативный API CompressionStream браузера. Ваш source map никогда не покидает устройство.
  3. Скачайте и настройте: скачайте сжатый .map.gz-файл и скопируйте фрагмент конфигурации сервера для nginx, Apache или вашего CDN.

Что анализируется и сжимается

  • Версия source map: инструмент проверяет поле версии source map (для современных source maps должно быть 3).
  • Число sources: количество исходных файлов, указанных в карте: больше sources означает больший файл.
  • Размер mappings: строка mappings в кодировке VLQ — самая большая часть большинства source maps: она сжимается с помощью GZIP чрезвычайно хорошо.
  • Предупреждение о встроенных sources: если sourcesContent встроен, инструмент предупредит вас: это встраивает полный исходный код и существенно увеличивает размер файла.

Почему source maps так хорошо сжимаются

Source maps — это JSON-файлы со сильно повторяющимися строками mappings в кодировке VLQ и списками путей к файлам. Такая повторяющаяся структура идеальна для сжатия GZIP и Brotli: типичные source maps дают уменьшение размера на 70–85 %. Source map размером 5 МБ сжимается с GZIP до менее 1 МБ, что делает практичной отдачу source maps в продакшене для инструментов мониторинга ошибок вроде Sentry и Datadog.

Часто задаваемые вопросы

Компрессор source map применяет GZIP- или Brotli-сжатие к файлам source map (.map) JavaScript и CSS, чтобы уменьшить их размер перед отдачей с веб-сервера или CDN. Наш бесплатный онлайн-компрессор source map работает полностью в браузере: без регистрации и загрузки на сервер.

Source maps — это JSON-файлы, которые могут быть в 2–10 раз больше минифицированного JavaScript, на который они ссылаются. Сжатие с помощью GZIP уменьшает их размер на 70–85 %, снижая расходы на хранение в CDN, сокращая время загрузки в инструменты мониторинга ошибок вроде Sentry и ускоряя загрузку инструментов разработчика при отладке продакшн-ошибок.

Да, полная конфиденциальность гарантирована. Всё сжатие выполняется на стороне клиента в вашем браузере. Ваш файл source map, который может содержать пути и структуру исходного кода, никогда не покидает устройство и не загружается на сервер.

Да. Компрессор source map на 100 % бесплатный: без регистрации, без подписки, без ограничений размера файлов и без рекламы. Вы можете сжать сколько угодно файлов source map.

Поле sourcesContent в source map содержит полный исходный код каждого указанного файла. Когда оно встроено, source map становится значительно больше, но позволяет отлаживать без доступа к исходным файлам. Его можно отключить в webpack через devtool: "source-map" или в Vite через build.sourcemapExcludeSources: true.

Загрузите на сервер и оригинальный .map-файл, и .map.gz-файл. Включите gzip_static on в блоке location nginx — nginx автоматически отдаст .gz-версию, когда клиент отправит Accept-Encoding: gzip. Инструмент создаёт именно тот фрагмент конфигурации nginx, который вам нужен.

Зависит от ваших требований безопасности. Source maps раскрывают структуру исходного кода и пути к файлам. Для публичных продакшн-сайтов рассмотрите ограничение доступа к .map-файлам только для внутренних IP или авторизованных пользователей. Для мониторинга ошибок загружайте source maps напрямую в инструмент мониторинга, а не отдавайте их публично.

Файлы .map.gz используют GZIP-сжатие и поддерживаются всеми веб-серверами и CDN. Файлы .map.br используют сжатие Brotli и дают на 15–25 % лучший результат, чем GZIP, но требуют поддержки Brotli на сервере (nginx 1.11.6+, Apache с mod_brotli). Для максимальной совместимости используйте GZIP; для максимального сжатия — Brotli там, где он поддерживается.