jQuery 4.0: модульность и оптимизация легендарной библиотеки после 10 лет тишины

hannadev

jQuery 4.0 наконец вышла после почти десяти лет без крупных обновлений. Библиотека стала легче, современнее и безопаснее, избавившись от legacy-кода. Это поможет обновить старые проекты без боли и начать использовать её в новых с чистой совестью.

Разработчики убрали поддержку древних браузеров и устаревшие API, добавили ES-модули и Trusted Types. Теперь jQuery лучше вписывается в современные бандлеры вроде Vite или webpack. Проблемы с совместимостью CSP и XSS-атаками тоже решены - библиотека готова к реальным задачам 2026 года.

Модульность на ESM: прощание с AMD

Переход на ECMAScript Modules (ESM) - это главное изменение в архитектуре jQuery 4.0. Раньше библиотека полагалась на AMD-модули, что создавало проблемы с современными сборщиками. Теперь исходники на ESM, сборка через Rollup, есть именованные экспорты. Это упрощает интеграцию в проекты на Vite, webpack или с тегом <script type="module">.

Представьте: вы подключаете jQuery без хаков, и она сразу работает в ESM-окружении. Нет нужды в обходах для CommonJS. Размер после сжатия сократился - slim-версия теперь 19.5 КБ, полная 27.5 КБ. Это реально ускоряет загрузку сайтов, где jQuery всё ещё в ходу (а таких 70% топ-сайтов).

Вот ключевые плюсы ESM в jQuery 4.0:

Именованные экспорты: Импорт только нужных частей, без полной библиотеки.
Совместимость с бандлерами: Vite, Rollup и webpack обрабатывают автоматически.
Меньше зависимостей: Нет AMD-обходных путей, код чище.
Будущезащищенность: Готово к Deno, Bun и другим runtime.

Сравнение сборок	Размер gzip (КБ)	Включает
Полная	27.5	Всё
Slim	19.5	Только DOM, без AJAX и анимаций

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

Оптимизация размера и производительности

jQuery 4.0 стала заметно легче за счёт удаления устаревших API. Убраны jQuery.isArray, jQuery.trim, jQuery.parseJSON - их заменили нативные методы браузера вроде Array.isArray() или String.prototype.trim(). Это не только сокращает размер, но и ускоряет выполнение - меньше кода на интерпретацию.

Анимации и AJAX теперь опираются на нативные Promise, без старых Deferreds в slim-сборке. События фокуса (focus/blur) приведены к W3C-стандарту - больше нет переопределений для IE. CSS-методы не добавляют px автоматически: .css("left", 10) теперь требует явных единиц. Это делает поведение предсказуемым, как в ванильном JS.

Преимущества оптимизации:

Сокращение на 3 КБ в gzip.
Быстрее парсинг и выполнение.
Меньше магии - код ближе к нативному JS.

Удалённые API	Нативная альтернатива
`jQuery.isArray`	`Array.isArray()`
`jQuery.trim`	`str.trim()`
`jQuery.parseJSON`	`JSON.parse()`

Совет: Перед обновлением подключите jQuery Migrate 4.x в dev-режиме - консоль покажет все предупреждения.

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

Trusted Types - новый стандарт для защиты от XSS. jQuery 4.0 принимает HTML как объекты TrustedHTML, что идеально работает с CSP. Убрана автоматическая конвертация JSON в JSONP - теперь только явно. Это решает проблемы с жёсткими политиками безопасности на продакшене.

Поддержка браузеров сузили: нет IE10, Edge Legacy, старых iOS/Android. IE11 пока есть, но в jQuery 5 уйдёт. Фокус на Chromium-Edge, современный Firefox, Safari. Для legacy-проектов slim без анимаций и AJAX подойдёт идеально - она предполагает нативные Promise.

Изменения в безопасности:

Trusted Types: jQuery.html(trustedHTML).
CSP-совместимость: Нет небезопасных присваиваний.
Ajax: JSONP только при dataType: 'jsonp'.

Браузер	Поддержка в 4.0
IE11	Да (пока)
IE10	Нет
Edge Legacy	Нет
Современные	Полная

Нюанс: Валидации и маски ввода могут сломаться из-за нового порядка focusin/focusout.

Что даёт обновление на практике

Обновление до jQuery 4.0 упрощает жизнь: меньше веса, лучше интеграция, выше безопасность. Но для новых проектов ванильный JS часто выигрывает - он быстрее и без зависимостей. jQuery хорош там, где нужен быстрый DOM без фреймворков: legacy-CMS, админки, простые SPA.

Осталось место для размышлений: стоит ли добавлять реактивность или хватит базового? В 2026 году jQuery - не для React/Vue, но для 75% сайтов она покрывает задачи идеально. Подумать над миграцией на нативку или оставить как есть - выбор за проектом.