[28] Как браузер отрисовывает веб сайт | Browser Rendering [Подготовка JS разработчика к интервью]

• Видео объясняет, как работает браузер.  

• У каждого браузера есть своя программа, называемая движком.  

• Движки могут быть общими для нескольких браузеров или уникальными для каждого.  

• Браузер загружает байты информации.  

• Байты преобразуются в символы, которые затем становятся токенами.  

• Токены формируют узлы и объекты, такие как теги и параграфы.  

• DOM формирует древовидную структуру из узлов и объектов.  

• DOM определяет связи между узлами в формате "родитель-ребенок".  

• CSS также формируется из токенов и узлов, но для стилей.  

• Рендеринг включает стадии планировки и отрисовки.  

• Планировка рассчитывает расположение и размеры элементов.  

• Отрисовка оптимизирует отображение веб-сайта.  

• JavaScript может приостановить создание DOM.  

• Важно размещать скрипты в конце HTML-документа для оптимальной загрузки.  

• Атрибут async позволяет загружать скрипты параллельно с отрисовкой.  

• Критический путь рендеринга включает загрузку HTML и CSS до полной отрисовки элементов.  

• Чем быстрее этот путь, тем лучше производительность сайта.