Зачем это важно? Старые версии jQuery тормозили из-за поддержки древних браузеров и лишних API. Теперь код чище, размер меньше, а безопасность выше. Разработчики получат инструмент, который вписывается в Vite, webpack и другие бандлеры без хаков. Поговорим о модульной архитектуре и оптимизации производительности.

Модульная архитектура на ES-модулях

jQuery 4.0 полностью переписана на ECMAScript Modules (ESM). Это значит, что библиотека теперь поставляется как нативный модуль, который легко импортировать в современных сборщиках. Раньше приходилось использовать AMD или CommonJS с обертками - теперь всё проще и чище. Например, в Vite или Rollup jQuery подключается одной строкой import.

Такая архитектура делает код модульным: каждый кусок библиотеки изолирован, что снижает конфликты и упрощает tree-shaking. Разработчики могут импортировать только нужные части, а не всю библиотеку целиком. Это особенно полезно для больших проектов, где каждый килобайт на счету. Логично, что после этого размер slim-версии сократился до 19.5 КБ после сжатия.

Вот ключевые изменения в модульной структуре:

• Переход на ESM: Исходный код теперь в ES-модулях, совместимых с package exports.
• Совместимость с бандлерами: Vite, webpack, Rollup автоматически обрабатывают импорт без дополнительных настроек.
• Tree-shaking: Неиспользуемые модули удаляются при сборке, что оптимизирует финальный бандл.

Важно: Если ваш пайплайн завязан на старые форматы, проверьте документацию по миграции - могут понадобиться мелкие правки.

Оптимизация производительности: меньше кода, быстрее загрузка

В jQuery 4.0 удалили кучу устаревших API, которые давно заменены нативными методами браузера. Например, ушли jQuery.isArray, jQuery.trim, jQuery.parseJSON - теперь используйте Array.isArray(), String.trim(), JSON.parse(). Это не только очищает код, но и ускоряет выполнение, так как браузерные альтернативы быстрее.

Slim-сборка стала ещё легче: убраны AJAX, анимации, Deferreds и Callbacks. Вместо них рекомендуют нативные Fetch, Promise и CSS-анимации. Размер полной версии - 27.5 КБ, что на 3 КБ меньше предыдущей. В результате страницы загружаются быстрее, особенно на мобильных устройствах с медленным интернетом.

Основные оптимизации:

• Удаление 24+ устаревших методов, включая внутренние Array.push, sort, splice.
• Slim без Deferreds: Опирайтесь на Promise для асинхронности.
• Автоматическая работа с FormData в AJAX (если оставите этот модуль).

Производительность выросла за счёт сокращения полифиллов - библиотека предполагает современные браузеры.

Поддержка браузеров и безопасность

jQuery 4.0 отказалась от IE10, старого Edge и древних мобильных браузеров. IE11 пока поддерживается, но уйдёт в jQuery 5. Это позволило убрать тонну кода для совместимости, ускорив всё. Теперь фокус на Chromium-based браузерах, Firefox 78+ и Safari 15+.

Добавили поддержку Trusted Types - стандарт для защиты от XSS. Методы вроде .html() теперь принимают TrustedHTML, что идеально работает с CSP. Порядок событий focus/blur приведён к W3C: blur, focusout, focus, focusin - без старых хаков.

Изменения по браузерам:

• Нет поддержки: IE10-, Edge Legacy, старые iOS/Firefox.
• IE11: Последний релиз с ней, мигрируйте.
• Безопасность: Trusted Types для .html(), .append() и т.д.

Нюанс: Для legacy-проектов есть миграционный плагин.

Что даёт новая jQuery на практике

Обновление до 4.0 упростит жизнь тем, кто ещё использует jQuery в миксе с современным JS. Модульность позволит интегрировать её в SPA без боли, а оптимизации сократят трафик. Останутся вопросы по миграции крупных кодовых баз и полному отказу от IE11.

Дальше интересно посмотреть, как это повлияет на экосистему плагинов - многие придётся переписать под ESM и Trusted Types. Стоит поэкспериментировать с slim-версией в реальных проектах, чтобы увидеть выигрыш в скорости.