Мініфікатор JS
Миттєве стискання JavaScript. Видаляє пробіли, коментарі та оптимізує імена змінних. Оброблено на 100% у вашому браузері — ваш код залишається конфіденційним.
Вхідні дані JavaScript
Мінімізований вихід
100% приватність
Вся обробка відбувається у вашому браузері через Terser.js. Ваш код ніколи не надсилається на будь-який сервер.
ПідтримкаES2020 +
Terser підтримує сучасний JavaScript, включаючи функції стрілок, асинхронність/очікування, класи та літерали шаблонів.
Швидше завантаження сторінки
Мінімізація JS зменшує розмір файлу на 30-70%, покращуючи показники Time to Interactive та Core Web Vitals.
Що таке мініфікація JavaScript?
Мініфікація JavaScript - це процес видалення всіх непотрібних символів з вихідного коду без зміни його функціональності. Сюди входять пробіли, розриви рядків, коментарі та довгі імена змінних, які замінюються коротшими еквівалентами. Результатом є менший файл, який завантажується та аналізується швидше, але функціонально ідентичний оригіналу.
Цей інструмент використовує Terser — стандартний мініфікатор JavaScript і рушій Webpack, Vite і esbuild. Terser виконує як мініфікацію (видалення пробілів та коментарів), так і перекручування (перейменування змінних на коротші імена, такі як a, b, c), досягаючи скорочення на 30–70% залежно від стилю коду. Він повністю підтримує синтаксис ES2020+, включаючи асинхронність/очікування, необов 'язкове ланцюгування та нульове злиття.
Мінімізація JavaScript безпосередньо покращує Core Web Vitals. Менші пакети JS зменшують час до інтерактивного (TTI) та загальний час блокування (TBT) — два показники, які Google вимірює під час аудиту Lighthouse і використовує як сигнали ранжування. Google PageSpeed Insights позначатиме немініфікований JavaScript як можливість «Усунути ресурси, що блокують рендеринг» або «Мінімізувати JavaScript».
Коли мінімізувати JavaScript
Мінімізуйте JS, коли:
- ✓ Розгортання у виробництво — завжди обслуговувати мініфікований JS
- ✓ Ваша оцінка PageSpeed Insights показує "Мінімізувати JavaScript"
- ✓ Обробка сторонніх скриптів, які не були попередньо мінімізовані
- ✓ Зменшення корисного навантаження для мобільних користувачів при повільному з 'єднанні
- ✓ Покращення часу до інтерактивного (TTI) та загального часу блокування
- ✓ Поєднання декількох невеликих скриптів перед розгортанням
Типове зменшення розміру:
- • Добре прокоментована бібліотека: зменшення на 50–70%
- • Типовий код застосування: зниження на 30–50%
- • Вже стиснутий або згенерований код: зниження на 10–20%
- • Додаткова компресія gzip зверху: далі 60–80%
Для максимального ефекту спочатку мінімізуйте, а потім використовуйте стиснення gzip або Brotli зі свого веб-сервера.