Статті для тих, хто
виводить стек у прод
Матеріали про React, Node.js, TypeScript і AI. Перекладений текст показується, якщо він є. Якщо ні — ви бачите англійський текст і примітку про це.
Тег: Web Performance
Острови, які можна перезапустити, на Буні: уроки дизайну з підходу до кераміки
Як фреймворк з орієнтацією на сервер використовує HTML як стандарт, обмежує дію JavaScript до окремих ізольованих блоків, а також керує статичним експортом, помилками, CSP та процесом розгортання.
14 хв читанняПропуск рендерингу поза екраном за допомогою content-visibility та contain-intrinsic-size
Дізнайтеся, як параметр content-visibility: auto зменшує витрати на форматування на довгих сторінках, які генеруються сервером, чому обов’язково використовувати параметр contain-intrinsic-size, та як це порівнюється з віртуалізацією.
12 хв читанняРозділення коду важких сервісів Angular за потреби за допомогою injectAsync
Чому статично вставлений сервіс бере свої бібліотеки до основного пакету Angular, та як injectAsync здійснює лейзі-завантаження сервісів за бажанням користувача, включаючи умовне завантаження.
6 хв читанняМислення через недійсність: практична модель того, як браузери відображають сторінки
Навчіться міркувати щодо відображення в браузері, ставлячи запитання про те, що скасовується кожною зміною — від проблем із макетуванням та витрат на зображення до процесів композиції, гідратації та стрімінгу.
11 хв читанняВід стилівки до екрана: яке місце займає CSS у процесі роботи браузера
Від завантаження до пікселів: як створюються DOM, CSSOM та дерево відображення, де відбувається каскадування стилів та які джерела стилів конкурують за кожен елемент.
8 хв читанняВід 66% до 185px: як браузери обчислюють значення 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 години.