Статьи для тех, кто
выводит стек в прод
Материалы о React, Node.js, TypeScript и AI. Переведённый текст показывается, если он есть. Если нет — вы видите английский текст и пометку об этом.
Тег: Web Performance
Острова, которые можно возобновить: уроки дизайна из подхода к керамике
Как фреймворк с ориентацией на сервер рассматривает HTML в качестве стандартного формата, ограничивает действие JavaScript на отдельные изолированные блоки, а также обрабатывает статическую экспортацию, ошибки, CSP и процесс развертывания.
14 мин чтенияИгнорирование отрисовки вне экрана с использованием content-visibility и contain-intrinsic-size
Узнайте, как функция видимости контента автоматически снижает затраты на форматирование длинных страниц, генерируемых сервером, почему обязательно использовать параметр contain-intrinsic-size, и как это сравнивается с виртуализацией.
12 мин чтенияРазделение кода тяжелых сервисов Angular по требованию с использованием injectAsync
Почему статически вставляемый сервис включает свои библиотеки в основной пакет Angular, и как injectAsync загружает сервисы по мере необходимости в соответствии с действиями пользователя, включая условную загрузку.
6 мин чтенияМышление через отклонение: практическая модель того, как браузеры отображают страницы
Научитесь анализировать процесс отрисовки в браузере, задаваясь вопросом о том, какие изменения нарушают его работу, — от проблем с макетированием и затрат на отрисовку до процессов композиции, гидратации и стриминга.
11 мин чтенияОт шаблона стилей к экрану: какова роль CSS в работе браузера
От загрузки CSS до пикселей: как формируются DOM, CSSOM и дерево отрисовки, где происходит каскадирование стилей и какие источники стилей конкурируют за каждый элемент.
8 мин чтенияОт 66% до 185 пикселей: как браузеры определяют значения CSS перед формированием макета
Проследите за значением CSS на этапах его объявления, каскадирования, указания, вычисления, использования и фактического применения, чтобы понять, почему относительные единицы и трюк преобразования в rem ведут себя именно так.
8 мин чтенияПоддержание адаптивности страницы: когда переносить вычисления CPU в веб-рабочего процесса
Узнайте, почему тяжелые циклы замедляют работу интерфейса браузера, как схема обмена сообщениями между Web Worker помогает снизить нагрузку, и как определить, стоит ли для выполнения задачи вообще использовать Worker.
12 мин чтенияПерераспределение потока, перекраска, композит: сколько каждое изменение в CSS стоит браузеру
Ознакомьтесь с HTML и CSS через DOM, CSSOM, процессы формирования макета, отрисовки и композиции, узнайте, почему изменение ширины требует больше ресурсов, чем изменение цвета, и как избежать проблем с производительностью макета.
16 мин чтенияОбнаружение ресурсов, а не их передача: предзагрузка приложений React через HTTP/3
В HTTP/3 у приложений на React проблемой является позднее обнаружение ресурсов, а не их передача. Функции preloadModule, preinit, Early Hints и чанкирование решают эту проблему с учётом использования SSR.
19 мин чтения
О этих статьях
Оценка за 24 часа
Нужен такой же стек в операторском слое? Пришлите бриф — оценка за 24 часа.