Як користуватися
- Вставте JavaScript, відкрийте файл
.jsабо почніть зі зразка. - Мінімізований код з'являється під час введення разом із розміром до та після обробки. Синтаксична помилка відображається з номером рядка та стовпця.
- Скопіюйте його або завантажте як
script.min.js.
Що він робить
Мінімізатор JavaScript запускає Terser — мінімізатор, що використовується в більшості засобів збирання:
- Видаляє пробільні символи та коментарі.
- Скорочує імена локальних змінних і параметрів (
firstперетворюється наn). Імена верхнього рівня залишаються без змін, щоб інші скрипти на сторінці й далі могли викликати ваші функції. - Видаляє код, який ніколи не може виконатися, і спрощує вирази (
if (x) { return a } else { return b }перетворюється наreturn x ? a : b).
Чи варто це робити?
JavaScript — найдорожчий ресурс, який завантажує сторінка: його потрібно завантажити, розібрати й виконати. Мінімізація зазвичай удвічі зменшує розмір скрипту до стиснення gzip або Brotli й часто заощаджує ще третину після нього, адже коротші імена та видалені коментарі також впливають на стиснення. Засоби збирання, як-от Vite та esbuild, уже мінімізують робочі версії; ця сторінка призначена для скриптів, які ви пишете й публікуєте вручну, а також для перевірки того, як мінімізація змінює фрагмент коду.
Поширені запитання
Чи може мінімізація зламати мій код?
Terser зберігає значення коректного коду. Код, який під час виконання читає імена власних функцій або свій вихідний текст (рідкісний випадок), може поводитися інакше. Зберігайте читабельну версію як джерело й перевіряйте мінімізовану.
Чи підтримує він сучасний JavaScript?
Так, зокрема модулі, класи, async/await і optional chaining. Він не змінює перелік браузерів, у яких працює ваш код.
А як щодо карт вихідного коду?
Ця сторінка їх не створює. Засоби збирання записують карти вихідного коду поряд із мінімізованим файлом, завдяки чому засоби розробника в браузері можуть показувати ваш початковий код.
Чи надсилається мій код на сервер?
Ні. Terser завантажується у ваш браузер і працює там.