Improve Page Load Performance by Deferring Scripts and Lazy Loading Images ✈️

[sanjaiyan-dev]

Hi, I believe this pull request implements small but valuable performance improvements and follows best web practices.
The script tag is now run with the defer attribute, which improves performance. For more information, please see https://web.dev/articles/efficiently-load-third-party-javascript#defer.
We've added the loading attribute to images below the viewport, enabling lazy loading and optimizing network usage. For more information, please refer to https://web.dev/articles/browser-level-image-lazy-loading#the_loading_attribute.

[senekor]

@sanjaiyan-dev It's been a while, but I tested the changes and will merge if you'd like to rebase this PR.

[apiraino]

Do we have some numbers about the perf. diff (+/-) after this patch?

[senekor]

No and I don't think there would be any if we actually measured. The images are just a few logos with a few kilobytes each. Internet connection would have to be really bad for that to be significant. I did verify that the images are in fact only loaded when you scroll to the bottom of the page.

I was leaning towards merging unless there is a reason not to, because the change is good practice on the face of it. Do you think we shouldn't merge unless there is a concrete benefit?

[apiraino]

I was leaning towards merging unless there is a reason not to, because the change is good practice on the face of it. Do you think we shouldn't merge unless there is a concrete benefit?

I'm mostly neutral about this patch. I was just interested in supporting the claimed perf. improvement. IIRC the browser developer tools allow restraining bandwidth also for this kind of testing (don't have time to investigate rn).