I had a feeling that this could be made, and even thought about attempting it myself, but wouldn't this make every visitor load everything on the site at once, even if they don't want to? Or is it only loaded if it is actually displayed? Perhaps browsers have become more efficient at this and do it right off the bat now, but I think it wasn't the case a bunch of years back.

<img> tags use the loading="lazy" property which doesn't actually load the image until it's displayed. Everything else is just text, which is super tiny.

https://github.com/cadars/john-doe/blob/4f5a3eafecbdffa9d34f...

I didn't know about that attribute, thanks. I wonder if there's a way to make "lazy" its default value, instead of "eager"... I guess not without JS.

P. S. It seems that Safari isn't compatible with the attribute by default, but it can be enabled through its settings.

Yeah, this author is definitely my people