Вопросы на собеседовании фронтендера: Браузер и сеть
HTTP, CORS, cookies, кэширование, DOM, критический путь рендеринга и WebSocket. Здесь выясняется, понимает ли кандидат, что происходит с его кодом до запуска JavaScript и после отрисовки страницы.
Уровень — минимальный, с которого вопрос уместен: junior — базовая тема, middle — нужен опыт промышленной разработки, senior — архитектура и компромиссы.
Вопросов в теме: 87. Эталонные ответы и разбор твоего ответа — внутри тренажёра.
Как отвечать на вопросы темы «Браузер и сеть»
Раздели ответ на «что происходит» и «что можно настроить». Хороший ответ идёт по шагам: от ввода адреса до момента, когда код получил управление, и отдельно — что случается с уже загруженной страницей. Не смешивай участников: браузер, протокол и сервер отвечают за разное.
Это схема ответа, а не готовый ответ: формулировка вопроса ничего не стоит, если не можешь объяснить её вслух за две минуты.
Список вопросов темы «Браузер и сеть»
- Какие есть способы хранить данные в браузере?junior и вышетеория
Что проверяет: базовую грамотность (вопрос-«просеиватель»).
- Что происходит после того, как пользователь ввёл адрес и нажал Enter?junior и вышетеория
Что проверяет: общую картину работы браузера — из неё растут все оптимизации.
- Что такое CORS и почему запрос с фронтенда падает с ошибкой?junior и вышетеория
Что проверяет: понимание политики одного источника и того, что CORS — защита браузера.
- Разница между localStorage, sessionStorage и cookie. Где хранить токен сессии?junior и вышетеория
Что проверяет: связку хранения данных с безопасностью.
- Будет ли CORS-ошибка при POST-запросе с одного домена на другой, если на бэкенде не настроено разрешение?junior и вышетеория
Что проверяет: Понимание условий возникновения CORS-ошибки при кросс-доменных запросах
Из записи реального собеседования: Frontend на 390к (13.02.2026)
- В чём отличие GET от POST?junior и вышетеория
Что проверяет: Понимание семантики и формата передачи данных в GET и POST
Из записи реального собеседования: мок-собеседование на Senior Frontend от менторов сообщества (07.03.2025)
- В чём разница между async и defer при подключении JavaScript?junior и вышетеория
Что проверяет: Знание атрибутов async и defer и их влияния на загрузку и выполнение скриптов
Из записи реального собеседования: Frontend на 250к (19.04.2025)
- В чём разница между async и defer, если на странице несколько скриптов подряд?junior и вышетеория
Что проверяет: Понимание порядка выполнения нескольких скриптов с async и defer
Из записи реального собеседования: Frontend на 250к (19.04.2025)
- В чём разница между HTTP и HTTPS?junior и вышетеория
Что проверяет: Понимание отличия защищённого протокола от обычного
Из записи реального собеседования: Frontend на 390к (13.02.2026)
- В чём разница между short-polling и long-polling?junior и вышетеория
Что проверяет: Понимание различий между short-polling и long-polling
Из записи реального собеседования: Frontend на 220к (01.05.2025)
- Где на клиенте хранить файл, если нужно?junior и вышетеория
Что проверяет: Знание объёмов и ограничений клиентских хранилищ
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Из каких этапов состоит рендеринг страницы?junior и вышетеория
Что проверяет: Знание этапов рендеринга страницы
Из записи реального собеседования: Frontend на 250к (11.04.2026)
- Как браузер превращает HTML-текст в DOM-дерево?junior и вышетеория
Что проверяет: Понимание процесса парсинга HTML и построения DOM
Из записи реального собеседования: Frontend на 250к (19.04.2025)
- Как выводить актуальное значение (например, количество онлайн-посетителей) в реальном времени?junior и вышетеория
Что проверяет: Знание способов организации real-time обновлений
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Как вынести выполнение скрипта в отдельный поток средствами JavaScript? Что такое веб-воркеры?junior и вышетеория
Что проверяет: Понимание Web Workers и Service Workers и их назначения
Из записи реального собеседования: Frontend на 250к (26.04.2025)
- Как загружаются CSS-файлы и скрипты и можно ли управлять порядком их загрузки?junior и вышетеория
Что проверяет: Понимание блокирующего поведения CSS и JS и роли async/defer
Из записи реального собеседования: Frontend React на 280к (27.08.2024)
- Как заранее установить соединение с сервером для загрузки ресурса? Как называется соответствующая директива?junior и вышетеория
Что проверяет: Знание директивы preconnect
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Как можно подсказать браузеру приоритет загрузки ресурсов? Что делают preload и prefetch?junior и вышетеория
Что проверяет: Знание директив preload и prefetch
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Как подключать JavaScript и CSS, чтобы они не блокировали рендеринг страницы?junior и вышетеория
Что проверяет: Умение выбирать способ подключения скриптов и стилей без блокировки рендеринга
Из записи реального собеседования: Frontend на 250к (19.04.2025)
- Как получить JSON из ответа fetch-запроса?junior и вышетеория
Что проверяет: Умение работать с ответом fetch и парсить тело
Из записи реального собеседования: Frontend Teamlead Оффер на 400k (07.06.2024)
- Как работает скрипт, подключённый как модуль (type=module)? Будет ли он вести себя как обычный скрипт?junior и вышетеория
Что проверяет: Понимание поведения скриптов-модулей
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Как работают всплытие и делегирование событий?junior и вышетеория
Что проверяет: Понимание фаз события, target/currentTarget и практики делегирования
Из записи реального собеседования: Frontend с оффером на 270к (25.04.2026)
- Как реализовать ленивую загрузку изображений при появлении блока в области видимости?junior и вышетеория
Что проверяет: Знание IntersectionObserver и подмены атрибута src при попадании в viewport
Из записи реального собеседования: Frontend на 250к (19.04.2025)
- Как реализовать поведение, похожее на WebSocket, если сервер не поддерживает WebSocket, средствами стандартного JavaScript?junior и вышетеория
Что проверяет: Знание альтернатив WebSocket и их отличий по нагрузке и задержке
Из записи реального собеседования: Frontend на 250к (26.04.2025)
- Как с помощью JavaScript принудительно обновить страницу?junior и вышетеория
Что проверяет: Знание метода location.reload()
Из записи реального собеседования: Frontend на 250к (26.04.2025)
- Как удалить cookie?junior и вышетеория
Что проверяет: Знание способа удаления cookie
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Как управлять кэшированием ресурсов по HTTP?junior и вышетеория
Что проверяет: Знание заголовков кэширования и стратегии инвалидации
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Какие данные допустимо хранить в localStorage и почему в нём нельзя держать приватные данные?junior и вышетеория
Что проверяет: Понимание ограничений localStorage и безопасных сценариев использования
Из записи реального собеседования: мок-собеседование по фронтенду, часть 2 (22.02.2025)
- Какие изменения свойств вызывают reflow, а какие — нет?junior и вышетеория
Что проверяет: Понимание, какие свойства вызывают пересчёт layout
Из записи реального собеседования: Frontend разработчика оффер на 250k (03.11.2024)
- Какие кейсы использования IndexedDB?junior и вышетеория
Что проверяет: Знание сценариев применения IndexedDB
Из записи реального собеседования: мок-собеседование по фронтенду, часть 2 (22.02.2025)
- Какие минусы у PWA?junior и вышетеория
Что проверяет: Понимание ограничений PWA
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Какие подходы синхронизации состояния страницы с бэкендом ты знаешь, кроме опроса (polling)?junior и вышетеория
Что проверяет: Знание альтернатив polling для синхронизации данных
Из записи реального собеседования: Frontend на 220к (01.05.2025)
- Какие HTTP-методы существуют, чем они отличаются и зачем нужны разные типы?junior и вышетеория
Что проверяет: Знание набора HTTP-методов и их семантики
Из записи реального собеседования: frontend на 150к в Tradelink (16.05.2025)
- Какие HTTP-методы ты знаешь?junior и вышетеория
Что проверяет: Знание основных и редких HTTP-методов
Из записи реального собеседования: мок-собеседование на Senior Frontend от менторов сообщества (07.03.2025)
- Какова структура HTTP-запроса и ответа? Как выглядит минимально валидный GET-запрос?junior и вышетеория
Что проверяет: Знание структуры HTTP-сообщений и минимальных атрибутов GET-запроса
Из записи реального собеседования: frontend на 150к в Tradelink (16.05.2025)
- Какой протокол используется для общения с сервером и на какой порт по умолчанию идёт запрос?junior и вышетеория
Что проверяет: Знание протокола HTTP и стандартных портов
Из записи реального собеседования: Frontend на 250к (11.04.2026)
- Кто является инициатором CORS-ошибки?junior и вышетеория
Что проверяет: Понимание, что CORS — политика браузера, а не сервера
Из записи реального собеседования: Frontend на 390к (13.02.2026)
- Может ли бэкенд передать куки браузеру и как?junior и вышетеория
Что проверяет: Знание механизма установки кук сервером
Из записи реального собеседования: Frontend на 390к (13.02.2026)
- Можно ли отследить в JS запись в localStorage из другой вкладки того же домена?junior и вышетеория
Что проверяет: Знание события storage и его поведения
Из записи реального собеседования: Frontend с оффером на 270к (25.04.2026)
- Почему использование cookies для кэширования сомнительно?junior и вышетеория
Что проверяет: Понимание ограничений cookies
Из записи реального собеседования: Топ-10 вопросов на Senior Frontend (React) (03.11.2023)
- Страница переехала на новый URL, но пользователи продолжают заходить на старый адрес из поисковиков. Какой редирект использовать?junior и вышетеория
Что проверяет: Понимание разницы между постоянным и временным редиректом для SEO
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Чем отличаются HTTP-методы PUT и PATCH?junior и вышетеория
Что проверяет: Понимание семантики PUT и PATCH
Из записи реального собеседования: frontend на 150к в Tradelink (16.05.2025)
- Чем GET и POST отличаются технически? Может ли POST заменить GET, а почему GET не может заменить POST?junior и вышетеория
Что проверяет: Понимание технических различий GET и POST
Из записи реального собеседования: frontend на 150к в Tradelink (16.05.2025)
- Что возьмёшь для работы с сетью и как будешь делать запросы?junior и вышетеория
Что проверяет: Понимание разделения серверного и клиентского состояния и выбора инструментов для запросов
Из записи реального собеседования: Frontend с оффером на 300к (23.03.2026)
- Что делает флаг max-age у cookies?junior и вышетеория
Что проверяет: Понимание назначения флага max-age у cookies
Из записи реального собеседования: Frontend на 250к (19.04.2025)
- Что делать с изображениями, если браузер не поддерживает современный формат (например, WebP или AVIF)?junior и вышетеория
Что проверяет: Знание фолбэков для изображений через picture
Из записи реального собеседования: Frontend с оффером на 270к (25.04.2026)
- Что именно шифруется в HTTPS: body, header или target?junior и вышетеория
Что проверяет: Понимание, какие части запроса защищает TLS
Из записи реального собеседования: Frontend на 390к (13.02.2026)
- Что минимально нужно сделать, чтобы превратить существующий сайт в PWA?junior и вышетеория
Что проверяет: Знание обязательных требований для PWA
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Что происходит при парсинге HTML, когда встречается тег script? В чём разница между обычным script, defer и async?junior и вышетеория
Что проверяет: Понимание блокирующего поведения скриптов и режимов defer/async
Из записи реального собеседования: Frontend на 350к (30.01.2026); Frontend c оффером 350к (13.02.2026)
- Что такое блокирующие и неблокирующие ресурсы в HTML?junior и вышетеория
Что проверяет: Понимание, какие ресурсы блокируют парсинг и рендеринг
Из записи реального собеседования: Frontend на 250к (19.04.2025)
- Что такое fetch?junior и вышетеория
Что проверяет: Знание базового API для HTTP-запросов из браузера
Из записи реального собеседования: Frontend Teamlead Оффер на 400k (07.06.2024)
- Что такое GraphQL и в чём его преимущества?junior и вышетеория
Что проверяет: Понимание языка запросов и выборки нужных полей
Из записи реального собеседования: Frontend на 350к (30.01.2026)
- Откуда берётся SSL-сертификат?junior и вышетеория
- Что такое HTTP?junior и вышетеория
Что проверяет: Понимание, что такое HTTP и на каком уровне он работает
Из записи реального собеседования: frontend на 150к в Tradelink (16.05.2025)
- Что такое HTTPS и в какой момент он встраивается в процесс загрузки страницы?junior и вышетеория
Что проверяет: Понимание, что HTTPS — это HTTP поверх TLS и когда происходит рукопожатие
Из записи реального собеседования: Frontend на 350к (30.01.2026)
- Что такое reflow и repaint? Что тяжелее — reflow или repaint?junior и вышетеория
Что проверяет: Понимание этапов отрисовки и их стоимости
Из записи реального собеседования: Frontend разработчика оффер на 250k (03.11.2024)
- Что увидит пользователь на экране, если выполнить бесконечный цикл while, который постоянно меняет текст элемента?junior и вышетеория
Что проверяет: Понимание блокировки главного потока и момента перерисовки страницы
Из записи реального собеседования: Frontend React на 280к (27.08.2024)
- Какие бывают HTTP-статус-коды и их категории?junior и вышетеория
- Из чего состоит HTTP-запрос? Что такое REST?middle и вышетеория
Что проверяет: понимание конвенций HTTP, а не зубрёжку.
- Какие есть версии HTTP и чем отличаются?middle и вышетеория
Что проверяет: актуальность знаний (сеньор должен знать HTTP/2 и HTTP/3).
- Расскажи детально фазы рендеринга страницы.middle и вышетеория
Что проверяет: понимание того, что происходит под капотом, и выводы для практики.
- В какие сторы нужно публиковать браузерное расширение?middle и вышетеория
Что проверяет: Знание площадок публикации браузерных расширений
Из записи реального собеседования: Frontend с оффером на 5000$ (06.04.2026)
- В какой момент вызывается requestAnimationFrame?middle и вышетеория
Что проверяет: Понимание очереди requestAnimationFrame и её места в цикле событий
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- В чём отличие WebSocket от Server-Sent Events (SSE)?middle и вышетеория
Что проверяет: Понимание направленности соединения и стоимости WebSocket и SSE
Из записи реального собеседования: Frontend c оффером на 400к (13.04.2026)
- Если в консоли последовательно задать элементу красный и зелёный фон, увидим ли мы сначала красный, а потом зелёный, или сразу зелёный?middle и вышетеория
Что проверяет: Понимание асинхронности перерисовки браузера
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Если переписать бесконечный цикл с использованием setTimeout, станет ли лучше и что увидит пользователь?middle и вышетеория
Что проверяет: Понимание, что setTimeout даёт браузеру перерисовывать, но не спасает от утечки памяти
Из записи реального собеседования: Frontend React на 280к (27.08.2024)
- Как работает TCP-рукопожатие?middle и вышетеория
Что проверяет: Понимание установления TCP-соединения
Из записи реального собеседования: frontend на 150к в Tradelink (16.05.2025)
- Как технически реализован SSE? С помощью чего это работает на клиенте и на сервере?middle и вышетеория
Что проверяет: Понимание механизма Server-Sent Events
Из записи реального собеседования: Frontend с оффером на 270к (25.04.2026)
- Опиши максимально подробно весь путь от нажатия Enter в адресной строке до отрисованной страницы.middle и вышетеория
Что проверяет: Комплексное понимание сетевого пути и этапов рендеринга
Из записи реального собеседования: Frontend на 250к (11.04.2026)
- Опиши, как происходит резолвинг доменного имени в IP-адрес через DNSmiddle и вышетеория
Что проверяет: Понимание работы DNS и этапов резолвинга домена
Из записи реального собеседования: frontend на 150к в Tradelink (16.05.2025)
- Пользователь авторизовался, закрыл браузер, через пару месяцев снова открыл сайт — и его сразу перекинуло в личный кабинет. Как сервер узнал, что пользователь авторизован, когда пришёл первый HTTP-запрос?middle и вышетеория
Что проверяет: Понимание механизма cookies и автоматической отправки их браузером
Из записи реального собеседования: Frontend React на 280к (27.08.2024)
- Почему не стоит использовать WebSocket везде? В чём их недостатки по сравнению с HTTP?middle и вышетеория
Что проверяет: Понимание trade-off между WebSocket и HTTP
Из записи реального собеседования: Frontend c оффером 350к (13.02.2026)
- Спецификация HTTP/1.1 ограничивает количество параллельных запросов к ресурсам. Как это ограничение обходили раньше и обходят сейчас?middle и вышетеория
Что проверяет: Знание ограничений HTTP/1.1 и способов их обхода
Из записи реального собеседования: Frontend с оффером на 270к (25.04.2026)
- Что происходит, когда пользователь вводит URL, до того как сайт отрисуется? Опиши путь от нажатия клавиши до картинки.middle и вышетеория
- Что происходит в фазах рендеринга layout, paint и compositing?middle и вышетеория
Что проверяет: Понимание этапов отрисовки страницы после построения DOM и CSSOM
Из записи реального собеседования: Frontend на 250к (30.10.2025)
- Что такое мультиплексирование и в какой версии HTTP оно реализовано?middle и вышетеория
Что проверяет: Понимание мультиплексирования и версий HTTP
Из записи реального собеседования: Frontend с оффером на 270к (25.04.2026)
- Что такое source maps и как заставить сборщик их генерировать?middle и вышетеория
Что проверяет: Понимание source maps и их настройки в сборщике
Из записи реального собеседования: мок-собеседование на Senior Frontend от менторов сообщества (07.03.2025)
- Для чего нужен HTTP-метод HEAD?middle и вышетеория
- Зачем перед запросом отправляется pre-flight OPTIONS?middle и вышетеория
- На клиенте мы не хотим, чтобы вредоносный скрипт (XSS) утянул данные. Что нужно настроить?middle и вышетеория
- Какие ещё есть протоколы и механизмы получения данных, кроме обычного HTTP?middle и вышетеория
- Зачем использовать SSE и WebSocket одновременно? В чём практическая ценность каждого из них?seniorтеория
Что проверяет: Понимание trade-off между SSE и WebSocket и умение обосновать выбор
Из записи реального собеседования: Frontend с оффером на 270к (25.04.2026)
- Как бы ты реализовал отмену запросов через AbortController и в каких сценариях это нужно?seniorтеория
Что проверяет: Понимание отмены устаревших запросов и связанных с этим проблем
Из записи реального собеседования: Frontend c оффером на 400к (13.04.2026)
- Как в рантайме определить тип данных, пришедших с бэкенда, чтобы вызвать нужный метод (json, blob, text)?seniorтеория
Что проверяет: Понимание способов определения типа ответа и их надёжности
Из записи реального собеседования: Frontend Teamlead Оффер на 400k (07.06.2024)
- Как загрузить большой файл в браузере, не перегружая память?seniorтеория
Что проверяет: Понимание чанковой загрузки и возобновления
Из записи реального собеседования: мок-собеседование по фронтенду, часть 1 (22.02.2025)
- Можно ли закешировать POST-запрос на уровне браузера и как?seniorтеория
Что проверяет: Знание способов кеширования POST-запросов
Из записи реального собеседования: мок-собеседование на Senior Frontend от менторов сообщества (07.03.2025)
- Можно ли избежать загрузки всех пользователей, если нужны только конкретные id?seniorтеория
Что проверяет: Умение сузить выборку на стороне API вместо клиентской фильтрации
Из записи реального собеседования: мок-собеседование на Senior Frontend от менторов сообщества (07.03.2025)
Проверить себя по этим вопросам
Список вопросов — это чек-лист подготовки, но на собеседовании проверяют другое: умеешь ли ты объяснить это вслух за две минуты. Тренажёр задаёт вопрос голосом, записывает ответ и разбирает его по четырём критериям найма. 15 ответов в месяц бесплатно, без карты.