Веб меняется быстрее, чем мы успеваем привыкать

Ещё недавно HTTP/2 считался современным стандартом, а подход mobile-first вызывал споры. Сегодня всё происходит быстрее, и то, что пять лет назад выглядело как передовая практика, может уже мешать развитию проекта.

Современная веб-разработка — это не про новые фреймворки и модные JavaScript-библиотеки. Это про то, как работают браузеры, как люди взаимодействуют с сайтами и какие ожидания у пользователей в 2024 году.

Что действительно важно

Производительность — это не опция

Пользователи не готовы ждать. Двухсекундная задержка при загрузке страницы может стоить бизнесу реальных денег. Сейчас уже нельзя игнорировать Core Web Vitals — метрики, которые напрямую связывают технические показатели с реальным опытом людей.

Когда вы оптимизируете Largest Contentful Paint, First Input Delay и Cumulative Layout Shift, то не просто получают хорошие показатели. Вы создаёте сайт, которым людям действительно приятно пользоваться.

Прогрессивное улучшение снова в моде

Сейчас снова возвращаются к основам. Сначала делается базовая версия с использованием семантического HTML и хорошего стилирования, затем уже добавляется JavaScript. Это означает, что сайт будет работать даже на медленных соединениях или когда JavaScript отключён.

Прогressive enhancement не требует отказа от современного JavaScript. Просто нужно сделать так, agar ядро сайта не зависит полностью от него.

Безопасность по умолчанию

HTTPS давно перестал быть новинкой. Он стал обязательным условием. Браузеры уже не доверяют сайтам без шифрования и могут даже блокировать их при попытках взаимодействия.

Но это не всё. Нужно ещё следить за Content Security Policy, правильно обрабатывать cookies и обновлять все зависимости. Безопасность должна быть встроена в архитектуру сайта,而不是 как добавок к нему.

Разработчику тоже нужно комфортно работать

Современные инструменты уже не относятся к категории optional. Bundlers, formatters и тестовые фреймворки — это не дань моде, а необходимость. Кроме этого, браузer vendors уже согласовали стандарты: ES6+ JavaScript, CSS Grid и Web APIs.