Фронтэнд: что это такое?

Фронтэнд (от англ. front-end — внешний интерфейс) — это часть веб-сайта или приложения, с которой взаимодействует пользователь: интерфейс, кнопки, анимации, формы. В отличие от бэкенда (серверной логики), фронтэнд отвечает за визуальную часть и удобство использования.

Где применяется фронтэнд

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

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

На что обратить внимание

1. Скорость загрузки влияет на конверсию. Каждая секунда задержки снижает продажи, оптимизация изображений и кода обязательна
2. Мобильная адаптация не опциональна. Более 60% трафика приходит с телефонов, интерфейс должен работать как на компьютерах, так и на телефонах
3. Доступность расширяет аудиторию. Контрастность текста, альтернативные описания изображений помогают людям с ограничениями
4. Кроссбраузерность предотвращает потери. Сайт должен одинаково работать в Chrome, Safari, Firefox и других браузерах

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