Lompat ke konten
Aback Tools Logo

Kompresor Source Map

Unggah file source map JavaScript atau CSS (.map) untuk mengompresnya dengan GZIP dan Brotli: menampilkan penghematan ukuran yang persis, mengurai metadata source map, dan menghasilkan konfigurasi server nginx, Apache, dan CDN siap pakai. Berjalan sepenuhnya di browser Anda, tanpa registrasi.

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

Mengapa menggunakan kompresor source map kami?

  • Kompresi source map instan: kompres file .map dengan GZIP dan Brotli secara instan di browser Anda: lihat penghematan ukuran yang persis dan unduh file terkompresi dalam hitungan detik.
  • Kompresor source map online yang aman: file source map Anda tidak pernah meninggalkan perangkat. Semua kompresi berjalan lokal di sandbox browser: aman untuk source map yang berisi path kode milik sendiri.
  • Konfigurasi server siap pakai: dapatkan cuplikan konfigurasi nginx, Apache, dan CDN yang disesuaikan dengan file source map Anda: salin dan tempel langsung ke konfigurasi server Anda.
  • 100% gratis selamanya: kompres file source map sebanyak yang Anda butuhkan, sepenuhnya gratis. Tanpa akun, tanpa langganan, tanpa batas ukuran file, dan tanpa iklan.

Apa itu kompresi source map?

Kompresi source map adalah proses menerapkan kompresi GZIP atau Brotli pada file source map (.map) JavaScript dan CSS sebelum disajikan dari server web atau CDN Anda. Source map adalah file JSON yang memetakan kode produksi terminifikasi kembali ke kode sumber asli: ukurannya bisa sangat besar (sering 2–10× ukuran file terminifikasi itu sendiri) karena berisi data pemetaan lengkap dan opsional kode sumber asli. Kompresor source map gratis kami mengompres file .map Anda di browser dan menghasilkan konfigurasi server yang diperlukan untuk menyajikannya dengan benar.

Cara kerja kompresor source map kami

  1. Unggah source map Anda: seret dan jatuhkan atau klik untuk memilih file .map, .js.map, atau .css.map dari perangkat Anda.
  2. Kompresi di browser: klik "Kompres Source Map": alat ini mengompres file dengan GZIP dan Brotli menggunakan API native CompressionStream browser. Source map Anda tidak pernah meninggalkan perangkat Anda.
  3. Unduh dan konfigurasikan: unduh file .map.gz yang dikompres dan salin cuplikan konfigurasi server untuk nginx, Apache, atau CDN Anda.

Apa yang dianalisis dan dikompres

  • Versi source map: alat ini memvalidasi bidang versi source map (harus 3 untuk source map modern).
  • Jumlah sources: jumlah file sumber asli yang direferensikan dalam peta: lebih banyak sources berarti file lebih besar.
  • Ukuran mappings: string mappings berkode VLQ adalah bagian terbesar dari sebagian besar source map: sangat baik dikompres dengan GZIP.
  • Peringatan sources inline: jika sourcesContent tersemat, alat ini memperingatkan Anda: ini menyematkan kode sumber asli lengkap dan secara signifikan memperbesar ukuran file.

Mengapa source map bisa dikompres begitu baik

Source map adalah file JSON yang berisi string mappings berkode VLQ dan daftar path file yang sangat berulang. Struktur berulang ini ideal untuk kompresi GZIP dan Brotli: source map tipikal mencapai pengurangan ukuran 70–85%. Source map berukuran 5 MB terkompresi menjadi di bawah 1 MB dengan GZIP, sehingga praktis menyajikan source map di produksi untuk alat pemantauan error seperti Sentry dan Datadog.

Pertanyaan yang Sering Diajukan

Kompresor source map menerapkan kompresi GZIP atau Brotli pada file source map (.map) JavaScript dan CSS untuk mengurangi ukurannya sebelum disajikan dari server web atau CDN. Kompresor source map online gratis kami berjalan sepenuhnya di browser Anda: tanpa registrasi maupun unggah ke server.

Source map adalah file JSON yang bisa 2–10× lebih besar daripada JavaScript terminifikasi yang dipetakannya. Mengompresnya dengan GZIP mengurangi ukurannya sebesar 70–85%, memangkas biaya penyimpanan CDN, mempercepat waktu unggah ke alat pemantauan error seperti Sentry, dan meningkatkan waktu muat alat pengembang saat men-debug error produksi.

Ya, privasi penuh dijamin. Semua kompresi berjalan di sisi klien di browser Anda. File source map Anda, yang mungkin berisi path dan struktur kode sumber asli, tidak pernah meninggalkan perangkat Anda dan tidak pernah diunggah ke server mana pun.

Ya. Kompresor source map 100% gratis, tanpa registrasi, tanpa langganan, tanpa batas ukuran file, dan tanpa iklan. Anda dapat mengompres file source map sebanyak yang Anda butuhkan.

Bidang sourcesContent dalam source map berisi kode sumber asli lengkap dari setiap file yang direferensikan. Saat tersemat, itu membuat source map jauh lebih besar tetapi memungkinkan debugging tanpa akses ke file sumber asli. Anda dapat menonaktifkannya di webpack dengan devtool: "source-map" atau di Vite dengan build.sourcemapExcludeSources: true.

Unggah file .map asli dan file .map.gz ke server Anda. Aktifkan gzip_static on di blok location nginx Anda: nginx akan otomatis menyajikan versi .gz saat klien mengirim Accept-Encoding: gzip. Alat ini menghasilkan cuplikan konfigurasi nginx yang persis Anda butuhkan.

Tergantung kebutuhan keamanan Anda. Source map mengekspos struktur kode sumber asli dan path file Anda. Untuk situs produksi yang dapat diakses publik, pertimbangkan membatasi akses file .map hanya untuk IP internal atau pengguna terautentikasi. Untuk pemantauan error, unggah source map langsung ke alat pemantauan Anda alih-alih menyajikannya secara publik.

File .map.gz menggunakan kompresi GZIP dan didukung semua server web dan CDN. File .map.br menggunakan kompresi Brotli dan mencapai kompresi 15–25% lebih baik daripada GZIP, tetapi memerlukan dukungan Brotli di sisi server (nginx 1.11.6+, Apache dengan mod_brotli). Untuk kompatibilitas maksimal, gunakan GZIP; untuk kompresi maksimal, gunakan Brotli di tempat yang mendukungnya.