async vs defer attributes in Javascript | Ola Interview Question
ฝัง
- เผยแพร่เมื่อ 15 ต.ค. 2024
- 1. What is Async and defer?
2. Difference between async and defer attributes?
3. When should I use defer over async?
4. Examples of scenarios covering async and defer
If you get to learn something from this video then do give it a thumbs up and subscribe to my channel for more such videos.
If you want me to cover any specific topic, then comment down below. I would be happy to help you.
If you find my videos helpful,
then please support this channel by buying a coffee,
www.buymeacoff...
Cheers,
Akshay Saini
akshaysaini.in
Would love to Stay Connected with you ❤️
LinkedIn - / akshaymarch7
Instagram - / akshaymarch7
Twitter - / akshaymarch7
Facebook - / akshaymarch7
#Javascript #JavascriptInterviewQuestions #AkshaySaini
i am able to ace by frontend interviews just because of you man. Thank you so much for your efforts. This world needs more people like you. Can't thank enough. Keep up the great work! 👍🏻
Congratulations, Yoshita!! ✌🏼
So happy to know about this, feeling proud. 😇
Keep up the good work, champ! 🔥
@@akshaymarch7 thanks so much Akshay. 🔥🙏🏻
@@akshaymarch7 Man you are great
miss, what would you cover like what are the hot topics and questions one should cover before interview and did you get asked questions on data structures and algorithms.
congos buddy
I had read the docs just couple of days before and now I watched your video. Understanding from docs took too much time and they didn't get fit in my mind and after watching your video the usecase of async and defer is crystal clear, that too within 8 minutes. Thanks Akshay I am totally utilising your series of Core Javascript fundamentals in this COVID-19 lockdown phase.
Akshay's explanations are incredibly valuable. 8 minutes of your insightful guidance surpasses any 2-minute read. Your teaching is truly exceptional! ❤
good channel....good to have a channel devoted to UI interviews
This was the best video on async and defer attributes. Thank you Akshay
Fell in love with your videos💛.Thanks to linkedIn community for introducing you to me
Thank you Akshay bhai.. Over the past year, these videos have helped a lot.
Akshay, This is awesome. Clear explanation. Thank you.
Hi Akshay, First of all, Salute your efforts 🙌 You are doing an incredible contribution toward the developer community. I'm here after completing my "NAMASTE REACT 🚀" Episode 01 - Inception and completing my assignment. You have a completely different way to teach. In this video, you have magically fed the async and defer concepts in my mind. Right now I am preparing for my React Frontend Developer Interview. Your videos helped me a lot. I also watched your "NAMASTE JAVASCRIPT" series. Such knowledge-heavy content you have generated. Thank you so much. Keep it up man😎😎😎😎
Hey , is it ok if we can connect . i have some doubts
Amazing Personality... while making us understand i can see the confidance in your body language.
Superb video. These concepts are very imp however you read about them only after the failed interview. I have been using react and web pack from 4 year and learned this concept only after failing interview.
Hi Akshay! I am eagerly waiting for concepts such as async/await, asynchronous and synchronous, promises.
You make everything look simple and easy!
Thanks Akshay for Crystal clear explanation.
Explained very well and in an easy manner. It would be helpful if you can share video series for a small project which will cover the CRUD operation of data-base - parse through java (using hibernate)- Display on Screen using Angular. It will cover most of the imp topic from a full-stack developer perspective.
Good point, If you got such a demo please share me link here, I will wait even for years.
Man i wish you have added the "browser is the greatest thing that happened to mankind" line here too.. feels like it deserves it. Love u bro
Thank you so much Akshay. Your videos helped me a lot during interviews.
Very helpful and better than a lot of paid courses. Amazing.
When it comes to Javascript, You are the best.
Hey Akshay. I've been watching your videos for the past 2 days. One thing I observed is that even though I know the topic and have some understanding of the concepts. I'm still learning something new from your video and that gives me goosebumps. I feel like this is the part that I actually wanted to understand and now I know it. I'm loving it! Excited for many more new videos. I would like to have a series on how to crack Front end interviews with step by step guide in FAANG with coding problems and solutions. If it's already there. I would love to have the video link to the playlist. ☮ 😄
The ways you try to make every javascript concept so easy to understand for everyone is just so great. I am short words to explain how much helpful your videos are and to thank you for all the effort.
Hi Akshay,
Thanks for the clear explanation. If you can please explain Preload and Prefetch attributes, that would be of great help.
Topics that I can suggest are -
1. Design interview questions for Web Engineers
2. Data Structure and Algorithms to cover.
Thanks
Thanks for your suggestion Anshul, I've noted them down and will plan them in my upcoming videos 😊
If you explain with example then its fully understand. Thanks for this video
Thank you Sir.
Your videos are very helpful and to the point
clear explanation , wow! super Akshay
great explanation Akshay keep uploading video like these...thanks man
Hi Akshay, I watched all of the videos on your channel!! Thanks for the awesome work!!
I love this video...I just love how he explained in a simple way
Interviewer asked me whether I follow Akshay Saini videos when I was explaining closure to him..You are rocking bro..keep it up..thanks for the videos...
superb explanation sir ! coming from the namaste react homework
Akshay once again I can't stop myself to say you Amazing ....Out of the Box......Your Namaste JavaScript will tell you Namaste Akshay ❤️❤️❤️. Outstanding yaar
Thanks bro for the amazing explanation. I was confused after reading docs on various pages...
Hi Akashay, I want you to know this. I know you from your posts on linkedin. I googled frontend interview and your picture came on search. I left all other videos amd started watching. This is first video that I am watching and It was great! I never knew this concept, I can also propose this solution at my current work. You not only earned a sub, but also a fan follower. Love you! And more power to you.
never understood it better than Now. Thanks a lot Akshay
Your videos are helpful to crack interviews. Thanks so much bro.
At 3:14 you came like #TheFlash ⚡
anyway thank you again Akshay!
Hahaha 😅
Thank you!!! Finally, I got this concept, appreciate it
Nicely Explained!...I have one question, what if we put normal script tag at the bottom of content?
Fully Cleared and you have solved one of my issues in our Internship Project. Thanks a lot Sir
You saved my most of the time, now I can go and close the spike
Thanks Man..Fantastic explanation...ANd also I need angular js interview tricky questions.kindly do the needful
Thank you, dear...Nice explanation!!!
Isn't using defer the best choice if you don't need to load the scripts in a rush? I mean, if we can allow any script to be loaded after the initial rendering, then using defer is a wise choice, as it will not block the rendering and will help us in achieving the right metric for initial contentful paint
Please create videos on concepts like Web Workers, Service Workers, PWAs, IndexDB.
When to use which concept?
How to improve the performance of a web page using the above concepts?
Any practical examples where the company is using the specific concept to solve the performance bottleneck.
The way you explain the concept is really amazing.
Thanks bro, I learned this concept today from you.
i like you, you explain it clearly n simplly thank you
Subscribed forever ❤️❤️ also , the explanation was well composed.. 👍
Learned so much , did not know about this. Thanks Akshay, you are the only youtuber who makes so much of difference in my career path. May you be the greatest js teacher in the world.
Akshay you believe it or not you make JS the most beautiful thing on earth😍😍😍
Congrats man
💡One more thing Akshay. "defer" will start executing the javascript code just before "DomContentLoaded" event being thrown, but "async" and "DomContentLoaded" won't wait for each other.
Nicely explained 👏🏼
Excellent as always, my friend!
what an use full video ... thank you
Hi bro,
Thank you for the videos. U help us to get understand more about js. Hats off to you brother for sharing th e knowledge..wish u a great life..👍
Nice.... Very Nice Video... very well explained !
The visualisation was perfect
Greatly taught Akshay, Keep up the good work
Thankyou sir..nicely explained
🥰🥰🥰🥰🥰🥰🥰 Superb Explanation.
Thank you so much Sir.
Thanks akshay .. Can you pls also come up with design pattern
Thank you for discussing when to use. I am happy I learnt it!!
Best way to remember defer one ( other two you know properly the simple one and the async one)
Defer: Why named defer
The choice of the term "defer" is descriptive of this behavior. When you defer something, you postpone it to a later time. In the case of defer attribute, it postpones the execution of the script until after the parsing of the HTML document is complete.
Thank you very well explained.
Good Explanation, Thanks for the video!
Good efforts, for me it was very useful but could be more better. Good try. Thanks keep going.
Hi Thanks for your awesome vedio. Could you please provide vedio on Clousers & ES6 features
You have a commanding and towering personality like motivational Guru Tony Robins
Hey Akshay, you're gem. The way you explain the topics is very clear and concise. Its become a habit for me to watch your videos and read your linkedin posts. Thank You brother for amazing content :)
akshay Thanks! try TO post videos on ES6 tricky use case ..
Thank you for giving good clearity.
made it simple to understand thanks
Great Explanation Sir.
Very nice presentation!
Great videos!! That would be so helpful if you can make one video on promises and async await.I guess only this is left to cover up.
uber office ka sahi istmal ho raha hai....😅love u akshay❤❤ wainting for react webseries💖
Amazing Explanation!!
Akshay thanks for these videos, they are amazing!
Hi Akshay, any plan to make videos on react? Please do 🙏
maza aa gya sirji, jabardast samjhaya aapne, bohut dino se ye mujhe samajh nhi aa rha tha, kaha kaha se padha fir bhi koi faida nhi hua, subscribe kar deta hoon
akshay, In firsṭ case you said HTML rendering will stop and JS file will render. But I read by default, a JS file will be rendered only at at last (after HTMl, CSS, images
Hi Akshay,
Thank you so much for these wonderful videos. I am regularly watching your videos.
Is it possible for you to cover below topics in upcoming videos:
Garbage Collection in JS
Performance Optimisation in Client Side
Regards,
Gaurav Goyal
Bro can you brifly explain difference between using of external JavaScript and tag
Crisp and on point!
Thank you for the superb content you provide. Hats off to you and so many thanks.
I have a question, it may sound dumb but I want to know as I have seen in many scripts. Below is the question:
What if we use async and defer in a single script tag ? Does the order matters like... async and then defer or defer and then async ? Or these both have precedence over each other like defer will dominate async or something else ?
if you specify both, async takes precedence on modern browsers, while older browsers that support defer but not async will fallback to defer.
@@yogibaba6008 Thanks for your reply
good explanation normal vs async vs defer
Awesome. I loveed this class.
Hi Akshay
My question is
In normal systems without using the async and the defer tags
Is there any definite time till which the parsing occurs before the scripts are being fetched from the network?
Thank you Akshay!
So what is best to increase website speed? without breaking website
Yeah... that's quite useful sir ! thankful to you ;)
please teach about promises in JavaScript.. what they are? and why to use? and what is it's advantages?
please please make a video for this, or provide me link if you already did it..
Nicely explained.
Super explanation brother
Apart from the valuable knowledge, I saw flash in real life 😜
Your videos helped me a lot
explained very well.
Perfect explanation
Very well explained
Nice Explanation
async and defer are useful when we are including script tag at the head section, otherwise including script tag at the end of the body tag is just like defer
Nicely Explained