|
|
|
|
|
|
by culturedsystems
3053 days ago
|
|
|
It's lazy loading the images - when the page initially loads, it only loads one small image (trans.gif), and the file specified in the data-src attribute isn't loaded until you scroll near to the img tag. Specifically, it's using this plugin: http://luis-almeida.github.io/unveil/ |
|
|
If I use uMatrix then even enabling scripts for the site won't show the images.
Moreover, if the javascript is turned off completely, the proper approach for the given task is having the
and the images properly specified.One of the images is just a PNG of an emoji U+1F632 (my guess). Another of the emoji of the cake. He could have saved on these two completely.
That leaves us with the tile svg and the 170K PNG for the face of the author, which should obviously be a 40K JPG.
Finally, the img tags on that page don't contain dimensions, whereas it's probably(1) better to still have them: https://www.computerhope.com/issues/ch001158.htm
Given the topic of the post (the need to keep things simple when making web pages), I consider these observations relevant.
1) Probably as I'm not in the business and I don't follow most recent developments so I don't know if the arguments from computerhope.com are obsolete by the most recent standards or implementations, so all relevant technical information is welcome.