Elements, Console, Mobile toggler, Source, Rendering, Network, Application, Lighthouse, Memory, Performance, Layers, Animations
Разные лайфхаки, которые я узнал за годы работы с chrome dev tools
Ссылка на 2 часть: https://stepik.org/a/194549
Поддержать автора: https://www.donationalerts.com/r/kakeitoyroki
Чатик в телеге: https://t.me/kakieToYrokiChat
🚀 Получить опыт реальной разработки можно тут: https://preax.ru/?i=b889cf96&erid=LjN8KDW8m
Помощь во всем • ревью вашего кода • стримы • и многое другое
Реклама ООО «ПРЕАКС ПЛЭТФОРМ» ОГРН 1237700372755, ИНН 9727035595
Анимация на GPU: habr.com/ru/companies/odnoklassniki/articles/313978
Сайт с квадратиками: googlechrome.github.io/devtools-samples/jank
***** Таймкоды:
00:00 Что будет в 1 части
01:21 Что будет во 2 части
02:11 Elements
12:50 Console
16:17 Source
18:19 Debugger
21:17 Network
26:11 Mobile toggler
28:30 Device pixel ratio
32:10 Application
33:05 Lighthouse
34:40 Memory
39:40 Performance
50:57 Rendering
53:51 Layers
58:30 Animation
01:02:45 Напоминание
01:03:19 Что изучили?
01:09:27 Всем спасибо, всем пока