Plans from $25/month
This lesson is for members. Join us?
Subscribe now and get immediate access to this course, 30 more and all future Vue.js courses!
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
srcset
andsizes
to 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
NuxtImg
can automate the process a bit
Links