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