Plans from $25/month
This lesson is for members. Join us?
Subscribe now to get instant access to this course, plus a full library of Vue.js courses tailored to the plan you choose.
Proper Image Handling for Fast Vue Sites
In this lesson, get a high level overview of various image optimization techniques to help tackle one of the biggest culprits of bad performance. Learn about:
- serving the right image size
- using
srcsetandsizesto serve different image sizes based on the screensize - using
fetchpriority="high"for prominent LCP images - lazy loading images below the fold with the
loading="lazy"attribute - and how
NuxtImgcan automate the process a bit
Links
General Performance Optimization Techniques in Vue
12 lessons • 1 hr4:31
8:29
8:06
10:28
4:04
NEXT CHAPTER
Optimizing for Component Updates in Vue4 lessons • 12 min
