Что ты такое, Rendering Engine? Или как работает модуль отображения браузера

Скрипты и советы | 19 июля 2019 1 956

Уроки CSS на Хабрахабре, habrahabr.ru, CSS

Самым важным для Frontend разработчика является модуль отображения в браузере, он же Rendering Engine (далее RE).

В этой статье я хочу взять простую страничку и пройти все этапы вместе с RE от получения первого байта и до отрисовки контента на экран. Пользоваться я, как всегда, буду браузером Chrome.

Для начала разберем, из каких еще модулей состоит браузер, чтобы понимать с чем взаимодействует RE.
Читать дальше →

Источник: Уроки CSS на Хабрахабре

Server-Side Rendering с нуля до профи

В данной статье мы разберем влияние SSR на SEO оптимизацию приложения. Пройдем с вами путь по переносу обычного React...

Подробнее
[Перевод] Как CSS специфичность работает в браузере

Многие считают CSS сложным. Они придумывают разные оправдания: не хватает способностей понимать CSS или CSS сам по себе...

Подробнее
Tailwind vs BEM — 1 (сравнение производительности)

В этих двух статьях я буду сравнивать TailwindCSS с чистым CSS + BEM. Цель - разобраться что является лучшим решением...

Подробнее
Путь развития Frontend разработчика (Вторая часть)

Это вторая часть roadmap frontend разработчика, Если вы не читали первую часть, то настоятельно рекомендую ознакомится,...

Подробнее
Путь развития (Roadmap) Frontend разработчика

В этой статье вы узнаете про то как я вижу современную и актуальную карту развития frontend разработчика, я расскажу...

Подробнее
Модуль DLE-convert.xfields

Скрипт конвертации формата дополнительного поля новостей для DataLife Engine тип поля: text в новый тип поля: yesorno...

Подробнее

💬 Комментарии

В связи с новыми требованиями законодательства РФ (ФЗ-152, ФЗ «О рекламе») и ужесточением контроля со стороны РКН, мы отключили систему комментариев на сайте.

🔒 Важно Теперь мы не собираем и не храним ваши персональные данные — даже если очень захотим.

💡 Хотите обсудить материал?

Присоединяйтесь к нашему Telegram-каналу:

https://t.me/tcsecms

Нажмите кнопку ниже — и вы сразу попадёте в чат с комментариями