Loading...
Loading...
Error
Oops! Something went wrong
23. How to Use Page Speed Insights to Measure Vue App Performance
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 Lighthouse and Nuxt Application Performance
00:00
Importance of Running Lighthouse on a Built Project
00:22
Navigating Lighthouse in Browser Dev Tools
00:34
Lighthouse Test Categories and Focusing on Performance
00:51
Analyzing Page Load and Page-Specific Reports
01:06
Understanding Lighthouse Score and Its Breakdown
01:24
First Contentful Paint Explained
01:41
Largest Contentful Paint (LCP) and Its Significance
02:14
Total Blocking Time (TBT) and Cumulative Layout Shift (CLS)
02:42
Speed Index (SI) and Overall Site Performance
03:05
Using Diagnostics for Performance Optimizations
03:40
Acknowledging Passed Audits and Further Documentation
04:17
Running Lighthouse in Incognito Mode and Extension Interference
04:33
Automated Lighthouse Scans with OnLighthouse
05:18
Distinguishing Lighthouse and PageSpeed Insights
05:39
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