Lazy Loading Images with Bounds.js - Less than 1KB!

Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[DesignCourse]

Do me a favor. Subby subby? Oh, and do you lazy load?

[silenux]

Good stuff. For people that want to deep dive how this works, check the Intersection Observer API.

[Ash-empm]

Why tf isn't your channel blowing up ? This is probably the best front end dev channel on YouTube.

[FullStackMaster]

Thanks for this lesson. Boundjs is really powerful! Your all lessons are very narrative and practical thanks !

[tyrellwreleck]

I use js scroll functions to detect if the user is browsing then call the ajax function to load the necessary sources in a particular container.

[azadkashur]

Always enjoy your vidoes, just FYI, next time just disable the browser cache to reload assets from the source. Thank you for explaining things in detail, I always learn something new from your videos.

[jasonlee]

I don't know how long you've been at 400k but congrats anyways :)

[abhishektyagi]

Sir Could you please make a video explaining the resources you use to learn or enhance your programming skills

[ThunderBow]

Can this be used on a static HTML/CSS website, and not one made w a static site gen. like Gatsby? Many modern ssg's are very JS heavy, and the site I have is not. Its just an HTML template and I have it deployed on Netlify. Would this still work? Or do you recommend your latest video on native lazy loading instead?

[Alessandro-nqtm]

Why the syntax at 19:16 ? A function returning another function? However great tutorial Gary, thank you

[ВолодимирДерун]

If it's so easy make with it infinity scroll, like this things, it's really great

[poooooow]

You can disable the cache in the chrome console>network>checkbox "disable cache"

[sneaky-Jay]

HMMM. this is interesting but i get an error Uncaught SyntaxError: Unexpected token 'export' - can i use this js without npm? just include it in a js file?

[hassamali]

Hi, How can I see the complete hierarchy of my (HTML tags/classes), I can see when you are in some nested tags it shows you the complete hierarchy of your tags at the top of your vs code screen. can you please tell me which plugin you are using for it? Appreciate the help

[FeFeronkaMetallica]

Those are some nice guitar on that wall /, , / what is the middle one?

[AstroSirrus]

This is awesome! How do I animate images in a gallery after the images are loaded using CSS and Jquery or Javascript with a class of 'Loaded'? That is, to avoid the stripping effect that happens when large images are loading on a slow connection. Thanks.

[jobybejoy]

Hey Simon, im curious if there is a way to do shared transitions in the web ??

[yurrwithme]

Cool stuff, but I think Chrome is adding native support for this soon :-D

[smylmrz]

It doesn't work for injected elements, for example if I inject an image with ajax it doesn't work. Is there a way to achieve that?

[JamesWelbes]

can this be used easily on a simple html/css/js website, that's not built on node.js or react?