Hellow guys, Welcome to my website, and you are watching Lazy loading is too easy now. and this vIdeo is uploaded by Kevin Powell at 2020-08-12T10:59:17-07:00. We are pramote this video only for entertainment and educational perpose only. So, I hop you like our website.
| Name | Lazy loading is too easy now |
| Video Uploader | Video From Kevin Powell |
| Upload Date | This Video Uploaded At 12-08-2020 13:59:17 |
| Video Discription | 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: https://youtu.be/mC93zsEsSrg Chrome developers page - https://web.dev/native-lazy-loading/ Smashing Magazine - Setting Width and Height are important again: https://www.smashingmagazine.com/2020/03/setting-height-width-images-important-again/ /// 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 💬 https://discord.gg/nTYCvrK --- 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/making-the-internet-awesome 💖 Support me on Patreon: https://www.patreon.com/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: https://www.instagram.com/kevinpowell.co/ Twitter: https://twitter.com/KevinJPowell Codepen: https://codepen.io/kevinpowell/ Github: https://github.com/kevin-powell --- And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome! |
| Category | Education |
| Tags | Kevin Powell | tutorial | html | css | lazy loading | lazy load | native lazy load | html loading attribute | loading attribute | loading=lazy | html lazy load | html lazy loading | native lazy loading | lazy loading images | lazy loading vs eager loading | lazy loading example |
