Guide to Chrome's performance profiler

  Рет қаралды 45,290

Codemad TV

Codemad TV

Күн бұрын

In this video I'll show you how to use the performance tab in Chrome browser's dev tools. I'll teach you how to
1. Record a profile
2. Navigate the timeline
3. Use the network section
4. Inspect the main thread of the runtime
I hope you find this useful. If I've made any mistakes or if you know a more efficient technique of profiling, please share them in the comments.
Link to codesandbox profile
github.com/pks...
~ FAQ ~
Name - Pavithra Kodmad
Twitter - [ / pkodmad ](www.youtube.co...)
Works at - Developer at Atlassian
Shot on - Panasonic Lumix mirrorless
Edited on - Da Vinci Resolve

Пікірлер: 28
Учимся измерять производительность веб-анимаций | Chrome DevTools | Performance
33:17
Елена Литвинова — Искусство Веб-разработки 🛸
Рет қаралды 6 М.
А что бы ты сделал? @LimbLossBoss
00:17
История одного вокалиста
Рет қаралды 9 МЛН
Cool Parenting Gadget Against Mosquitos! 🦟👶
00:21
TheSoul Music Family
Рет қаралды 18 МЛН
Крутой фокус + секрет! #shorts
00:10
Роман Magic
Рет қаралды 41 МЛН
Миллионер | 2 - серия
16:04
Million Show
Рет қаралды 1,4 МЛН
Profiling Angular Applications
19:33
Angular
Рет қаралды 49 М.
Debugging memory leaks - HTTP 203
22:04
Chrome for Developers
Рет қаралды 46 М.
Demystifying the Browser Networking Tab in Developer Tools With Examples
20:55
Chrome DevTools - спрятанные полезности
38:04
Yandex for Developers
Рет қаралды 14 М.
Memory management basics & Heap Profiler
26:05
Google for Developers
Рет қаралды 63 М.
Using the Firefox Profiler for web performance analysis
29:58
Mozilla Developer
Рет қаралды 2,4 М.
Chrome Dev Tools 101: A Beginner's Guide to Using Dev Tools
17:25
The ultimate guide to web performance
6:43
Beyond Fireship
Рет қаралды 439 М.
А что бы ты сделал? @LimbLossBoss
00:17
История одного вокалиста
Рет қаралды 9 МЛН