Optimise your code: load code at the right time

Three techniques to optimize website performance by loading JavaScript as late as possible.

[faahim]

This is nice!!!

I'd love to see more content of this type! A bit more advanced topic won't hurt either! :D

0:17 The unclosed script element made me slightly uncomfortable.

[ayushgangrade]

Thank you @Google for explaining it in simplest of the manner. :)

[beto.aveiga]

Small changes can make big differences. Very good explaining it. It's critical to keep this in mind when building pages. Thanks 👍

[husnimarwan]

love that unregistered sublime mark on the top right corner

[shreyasd]

Well this type of video actually helps beginner and intermediate to get the concept working in an easy to understand way.

[OvidijusR]

Almost 2020 and you guys still showing jquery?

[LemonDust]

can't thank y'all enough for this 💛 just what I was lookin for & answered the question I had

[sayedalimousavi]

The best advices I have ever faced. Thanks a lot!

[Arron__]

Yes Google, tell other people to optimize their code so that you can continue to hog all of the RAM.

[petersen]

Awesome video, but we also have to consider CSP (Content Security Policy) when using the extreme method. If it has been implemented in your site.

[IceMetalPunk]

How about using dynamic imports instead of appending script elements to the page?

[MoritzFischer]

Yes, please show more content like this. Very helpful. Thank you.

[moshiurhowlader]

Very good tips and tricks. Thanks Google!

[googleplexer]

Wow it’s brilliant content! Simple and nice!

[benlu]

Why don't you want to load things in parallel? That means people can't interact with your page until way later?

[noobgrandmaster]

But there's something more like load the specific scripts when your in the specific section

Like for example you have slider testiminonial on the bottom of the page, fire it when youre on that section i think in vue can handle it, they have something called lazy load components

But it boils down how can you build something without library its much more efficient and easy to refactor

[darthvader]

/oo 2:39 this whole of bunch of code can be writen using js, and array to build the tags on the DOM... if you want to see the source load the file as source where the html is displayed...

[canarslan]

Extreme part should not be used as it is in video. sometimes, some cdn or anything else might not work temporally and at that time, window.load event is not fired or really late. it means that our js file will not work. keep that in mind. I think it also applies to defer tag but not sure

[travelmoustache]

I find it odd that in 2019 we show jQuery load event and script tags where most of the apps we make are behind some level of framework or even a vanilla js project with things like smart prefetching, preload and code splitting