The first 1000 people who click the link will get 2 free months of Skillshare Premium: https://skl.sh/kevinpowell0820
Lazy loading can be handled by the browser now, rather than having to write our own scripts for it or relying on a 3rd party. This is awesome because, first of all, it's incredibly easy, and also because the browser will look at things like connection speeds and the user's device to decide exactly how to implement it, all without us having to worry about it. There really is no excuse not to take advantage of and get a nice performance boost for your sites.
/// Links
My video using Intersection Observers: • How to lazy load images
Chrome developers page https://web.dev/nativelazyloading/
Smashing Magazine Setting Width and Height are important again: https://www.smashingmagazine.com/2020...
/// Timestamps
00:00 Intro
02:45 What is lazy loading
03:27 simulating slower devices
05:38 adding lazy loading
08:58 preventing jumping content
13:28 advantages of native browser lazy loading
14:54 lazy loading with the picture element
This video was sponsored by Skillshare.
#html #lazyload
Come hang out with other dev's in my Discord Community
/ discord
Keep up to date with everything I'm up to
✉ https://www.kevinpowell.co/newsletter
Help support my channel
Get a course: https://www.kevinpowell.co/courses
Buy a shirt: https://teespring.com/stores/makingt...
Support me on Patreon: / kevinpowell
My editor: VS Code https://code.visualstudio.com/
I'm on some other places on the internet too!
If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.
Instagram: / kevinpowell.co
Twitter: / kevinjpowell
Codepen: https://codepen.io/kevinpowell/
Github: https://github.com/kevinpowell
And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!