Loading...
Loading...
Error
Oops! Something went wrong
24. Measuring Performance with the Vue Devtools
Speed
Speed
Quality
Quality
Captions
Captions
media loading
Play
Pause
10
Seek backward
Rewind 10s
Play
Pause
Play
Play
Pause
Pause
20
Seek forward
Forward 20s
Mute
Unmute
Volume High
Volume Low
Volume Low
Mute
Mute
Unmute
0:00
0:00
Start casting
Stop casting
Chapters
Chapters
Introduction to Vue DevTools for Performance Debugging
00:00
Preferred Method: console.time
00:13
Understanding Vue DevTools Offerings
00:31
Locating Performance Tabs in DevTools
00:39
Enabling Performance Measurement in Timeline
00:51
Recording Performance Events
01:09
Analyzing Recorded Events
01:23
Interpreting Component Rendering Duration
01:34
Async Component Wrapper Mounting
01:53
Total Mount Time Calculation
02:09
Alternative to console.time
02:30
Routes Menu for Navigation Performance
02:44
Graph Tab for Code Splitting Opportunities
03:05
Community Input and Best Practices
03:27
Enable captions
Disable captions
Enable Captions
Enable captions
Disable Captions
Disable captions
Settings
Settings
Settings
Enter fullscreen mode
Exit fullscreen mode
Fullscreen
Enter fullscreen
Exit Fullscreen
Exit fullscreen