Сентябрь показал много изменений для веб технлогий: улучшена производительность, снижено количество костылей в JS и CSS и т.д.

Для продуктовых дизайнеров это означает, что меньше трений между задумкой и реализацией интерфейса.

Давайте изучим что же появилось в baseline (т.е. поддерживается всеми браузерами)

🆗 Baseline Newly available (новые в сентябре) ➡️content-visibility Позволяет браузеру пропускать отрисовку скрытых элементов до тех пор, пока они не попали в видимую область экрана (viewport). Зачем: ускоряет рендеринг больших страниц и списков — браузер не тратит ресурсы на невидимое. Для дизайнеров — анимации и плавная прокрутка без фризов.

➡️ Подсказывает браузеру заранее разрезолвить DNS указанного домена, даже до фактической загрузки ресурсов. Зачем: снижает задержку при первом обращении к сторонним API или CDN. В интерфейсах это быстрее подгружает шрифты, картинки, JS-бандлы.

➡️Unsanitized HTML parsing methods Методы парсинга HTML (например, document.createRange().createContextualFragment()), которые не автоматически очищают данные. Зачем: повышают производительность при вставке больших объёмов уже доверенного HTML. Использовать осторожно — важна защита от XSS.

➡️URLPattern Новый API для разбора и сопоставления URL с заданным шаблоном. Зачем: упрощает роутинг в SPA, в сервис-воркерах и при A/B-тестах. Быстрее и безопаснее, чем регулярки. Для дизайна косвенно — более надёжная логика навигации.

➡️Uint8Array base64 и hex conversion Встроенные методы Uint8Array для конвертации бинарных данных в Base64 и Hex. Зачем: меньше сторонних библиотек → меньше бандл → быстрее загрузка и выполнение. Полезно для работы с изображениями, шрифтами, криптографией.