Сколько стоит JavaScript?!?!

Погружение в мир web-перформанса

0:00 О чем видос?
0:40 Любим JavaScript, но не от всей души
02:24 Проблемы SSR
04:20 Основы производительности
05:33 Оптимизация для девайсов
07:54 Как работает JavaScript?
10:05 Метрики производительности
13:29 Оптимизация сети
15:47 Браузерная навигация
16:29 Практики EverGreen по сетевой производительности
17:34 Управляем приоритетами загрузки
18:39 Оптимизация загрузки и рендеринга
19:08 Code-splitting
21:15 Импорт по видимости
21:50 Оптимизируем статику (Картинки, шрифты, CSS, анимации)
24:53 Подписка фронтендера
25:59 Паттерны рендеринга (Прогрессивная гидрация, Островная архитектура, Server components, Streaming rendering)
30:10 Полезные советы



******************
Хочу работать с тобой:
https://foamy-stag-bb6.notion.site/ff...

Тренажеры HTML Академии + Книга рецептов фронтендера + Академия + комьюнити за 99 рублей:
https://boosty.to/how-to-learn-it

Для оплаты с НЕ российских карт:
https://foamy-stag-bb6.notion.site/Do...

Какие тренажеры бывают:
https://htmlacademy.ru/courses#fe-start

Мой телеграм:
https://t.me/howToLearnIT

******************

Канал Эдди Османи
   / @addyosmani  

Web Core Vitals
https://web.dev/vitals/

Chrome UX Report
https://developer.chrome.com/docs/crux/

Про Brotli
https://habr.com/ru/companies/ruvds/a...

Lighthouse treemap
https://googlechrome.github.io/lighth...

Про шрифтовую оптимизацию и content visibility
   • Новый CSS и HTML!  

Про Qwik.js
   • Qwik - убийца React.js?!?!  

Про серверные компоненте
   • React заменит BACKEND? WTF?!?!  


#js #css #react #frontend