Thanks for this series, it's always a pleasure to learn new things just by watching a small clear video. Keep it up ! (also well played for the fake loading state, Rrrrrr...)
Paul, would you still in this day and age still use FastDOM or 'layoutBoundries' to avoid layout-thrashing? Most discussions on these libs are 5+yrs old. Has plain requestIdleCallback and rAF with increased Javascript render speed replaced the need? A detailed update video on this stuff would be awesome! (Even Popmotion has a FastDOM knock off).
Hey Paul, what would be a good fallback if intersectObservable is not supported like in Safari? Would you just use: if ( !'IntersectionObserver' in window ) { //load imgs in order } ??? Great video as always! Wish this was a full series, loving this perf stuff! :)
Hi Paul, you are using the custom elements from the Javascript, so will it need javascript to load first then only renders the custom element....is there any good article or doc to study about it?...Thanks for the video as always...Paul I asked you one question on your previous video about the loading in , i think you are busy or my question is not relevant to the video....
You can always put placeholders in for custom elements (I did this in my guitar tuner). I put the elements themselves in the HTML in case I wanted to reserve space even earlier.
ok, so basically downloading of the file begins when we set the src attribute and when it's downloaded then the onload callback on this image is triggered? this is so easy yet I've only grasped it now. Thanks for the video (of course, i'm very impatient and when you did the trick I clicked space and CMD+R haha)
Every time I see a lazy loading tutorial I wonder how to make it work without javascript. There should be some kind of a fallback. Even loading everything instantly is good enough. Javascript may be disabled, fail to load, fail to execute or not be supported (e.g. basic web scraper). Is `` tag a solution? Can anybody point me in the right direction please?
I asked myself: since loading is the first thing that happens in RAIL from a user perspective, why is it not spelled the other way around ... and then I found out :) P.S. Could we please hear that bass? Just a bit maybe?
For few seconds, I thought my internet connection is gone ... hahaha
omg how did he got me with that fake ... -.-"
"Who wants that?"
I want that.
Denied.
Love the ambient background music!
You had my like for the video within 30 seconds :P
Keep on being awesome and hilarious ;)
Thank you Paul, looking for more Web Performance series in the future.
Don't get too comfy, I don't want to spend all my time there :)
@@aerotwist requestOnYourIdleCallback(moreVideos) 😁
You'll need a timeout on that ;)
Thanks for this series, it's always a pleasure to learn new things just by watching a small clear video.
Keep it up !
(also well played for the fake loading state, Rrrrrr...)
Got me too :)
I hate to admit this but you actually got me with that loading intro
Do you Mind putting this Code on github? I‘d Love Tod Build someting from it :)
BTW: Awesome Series!
Great intro!
haha you got me with that intro! :D
You got me there.
I actually reloaded the video... :P
An excellent end to a great video series. .. loved the fake loading screen
Outtakes are brilliant btw :D thanks for videos, going to apply some of RAIL tomorrow at work.
The BASSics of web development.
10/10 pun work
"i dont know what im doing, but were doing it anyway" should probably be engraved :D
great video :)
My video had a minute of buffer and still, I was like "wtf is wrong now?"
Ahhhh HAHAHA
Thank you
What do the 'Documents' and 'Documents Frames' amount mean in the performance panel of Chrome Dev Tools?
Paul, would you still in this day and age still use FastDOM or 'layoutBoundries' to avoid layout-thrashing? Most discussions on these libs are 5+yrs old. Has plain requestIdleCallback and rAF with increased Javascript render speed replaced the need? A detailed update video on this stuff would be awesome! (Even Popmotion has a FastDOM knock off).
Hey Paul, what would be a good fallback if intersectObservable is not supported like in Safari? Would you just use: if ( !'IntersectionObserver' in window ) { //load imgs in order } ???
Great video as always! Wish this was a full series, loving this perf stuff! :)
It's in the Tech Preview, I believe, and there's a w3c polyfill
Can i take 14:37 sound for notification sound? Please 😏
Hi Paul,
you are using the custom elements from the Javascript, so will it need javascript to load first then only renders the custom element....is there any good article or doc to study about it?...Thanks for the video as always...Paul I asked you one question on your previous video about the loading in , i think you are busy or my question is not relevant to the video....
You can always put placeholders in for custom elements (I did this in my guitar tuner). I put the elements themselves in the HTML in case I wanted to reserve space even earlier.
Few seconds of despair)
ok, so basically downloading of the file begins when we set the src attribute and when it's downloaded then the onload callback on this image is triggered? this is so easy yet I've only grasped it now. Thanks for the video (of course, i'm very impatient and when you did the trick I clicked space and CMD+R haha)
You really got me haha
Every time I see a lazy loading tutorial I wonder how to make it work without javascript. There should be some kind of a fallback. Even loading everything instantly is good enough. Javascript may be disabled, fail to load, fail to execute or not be supported (e.g. basic web scraper). Is `` tag a solution? Can anybody point me in the right direction please?
There is talk of adding lazy loading to the IMG element but it's still a proposal
@@AndrewBone I heard about it, and look forward to it. :)
Hey Paul, love your videos. Quick question (hopefully): how does lazy loading affect SEO? Any insights on the subject? Cheers!
Nice intro
Wonder if I'll fool anyone...
@@aerotwist You did (commenting for a friend).
Loooooool
I asked myself: since loading is the first thing that happens in RAIL from a user perspective, why is it not spelled the other way around ... and then I found out :)
P.S. Could we please hear that bass? Just a bit maybe?
Lol yes, and no 😁🙌
Thanks for the video Paul, can you share the code for the lazy-image component?
Had to check my internet connection Paul!
Hi Paul, thanks for very informative video. What's the music playing in background?
It's all from Epidemic Sound. If there's a particular track let me know and I'll point you at it
Why not share the code? Would be much appreciated! Great video btw!
stupid question, these techniques (RAIL) are technology agnostic, right ?
Not stupid, yes they are. They are based on human perception. How you achieve them is then a matter of craft and art.
Where are my music links... :(
I fell for it! 😂
Why has he stopped making videos??
I for once thought my internet's gone.
Would you update vscode already!
That update badge is driving me bonkers. :)
Lol I just don't care 😂
I mean, I will but 🤷♂️
great! I can get link to the code.
Ha! Didn't get me! :D
Whatever. I'm hilarious.
Also check this : ruclips.net/video/tHJwRWrexqg/видео.html
Oh not this! Oh wait.. pun detected
I have no defence.
Oh yes I do. I'm hilarious.
First one
🙌
First on last
🙌