Async v.s. defer

Yup, that’s right. This is an improvement over old-school JS loading, because JS used to be blocking when loaded like this — if you had a huge chunk of JS loading in at the stary of your page, it would block everything until it downloaded.

The difference is that with async , the downloaded external content starts executing the once the download is complete. And with defer , the downloaded external contents are executed after the rest of the page has finished loading and in the order they appear in the .html. Right?

Bingo!

Do you mean here or the original tutorial?

Yup, I meant the original tutorial. I am going to take on board what you’ve said here and try to make it less confusing for future readers. Thanks for the input — this has been super helpful.