Loading...
Loading...
Error
Oops! Something went wrong
4. How to Prefetch Lazily Loaded Vue Components
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
The Problem with On-Demand Component Loading on Slow Connections
00:00
Demonstrating User Experience with 3G Throttling
00:19
Introducing Non-Blocking Component Prefetching
00:42
Extracting Component Loading into a Function
01:10
Prefetching on Mouse Enter Event
01:36
Testing Mouse Enter Prefetching with Throttling
02:07
Eager Prefetching by Loading Directly in Script Setup
02:47
Ensuring Non-Blocking Render with Eager Prefetch
03:08
Measuring Load Time with console.time
03:23
Verifying Non-Blocking Prefetching
03:49
Understanding Console Timer Warnings
04:40
Prefetching Page Routes in Vue
05:06
Demonstrating Prefetched Page Routes
05:39
Prefetching Lazy Components in Nuxt
06:01
Nuxt's Automatic NuxtLink Prefetching
06:16
NuxtLink Prefetching Only Downloads JavaScript
07:07
Controlling NuxtLink Prefetching Behavior
07:33
Prefetching on Interaction (Mouse Over) in Nuxt
08:13
Prefetching Any Component in Nuxt
08:40
Making a Component Global for Nuxt Prefetching
08:54
Implementing preloadComponents in Nuxt
09:17
Verifying Nuxt Component Prefetching
09:34
Conclusion and Warnings on Code Splitting and Prefetching
09:59
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