Выбор ответа Middle Рендеринг страницы обновлено
Что блокирует первую отрисовку
Вопрос
Что верно про <link rel="stylesheet"> в <head>?
Попробуйте сами
Выберите вариант, и откроется разбор.
Показать ответ и разбор
Коротко
Правильный ответ: Он блокирует рендер: страница не нарисуется, пока стили не загрузятся. Стили в head блокируют рендеринг, иначе пользователь увидел бы страницу без стилей, а потом она бы перепрыгнула.
Варианты ответа
- Он блокирует рендер: страница не нарисуется, пока стили не загрузятсяправильный ответ
- Он блокирует парсинг HTML так же, как обычный синхронный скрипт
- Он не блокирует ничего: стили применятся уже после первой отрисовки
- Он блокирует только событие
load, а отрисовка идёт без ожидания
Разбор
Стили в head блокируют рендеринг, иначе пользователь увидел бы страницу без стилей, а потом она бы перепрыгнула. Парсинг HTML при этом продолжается, поэтому второй вариант неверен (косвенно CSS задерживает выполнение следующего синхронного скрипта, но сам парсер его не ждёт). Третий вариант описывает вспышку нестилизованного контента, которую браузеры как раз предотвращают. load стили тоже задерживают, но это не единственный эффект.
Ответьте сами, а не прочитайте
В тренажёре вопрос попадёт в повторения и вернётся, когда начнёт забываться. Плюс билеты с зачётом: 20 вопросов, не больше 2 ошибок.