you could save more traffic and avoid unnecessary requests by doing this:

• insert this line <link rel="icon" href="data:;base64,="> in your html source to prevent browser from trying to fetch a non existing favicon icon. this prevents one useless request and a useless 404 in your logfiles.
• for simple illustration purpose don't use images, use utf8 symbols and pictograms instead. mouse icon html example:&#128000;
• packing/compressing html, since most modern browsers understand html.gz if your server delivers this.

  compress your html files with gzip. The following .htaccess config snippit tells your Apache webserver to serve the file ending in .gz. its only delivered if the requester accepts the gzip encoding. legacy browsers will get the uncompressed html file. So this assumes you have both files like index.html and index.html.gz on your server:

  RewriteEngine on 
  RewriteCond %{HTTP:Accept-Encoding} gzip 
  RewriteCond %{REQUEST_FILENAME}.gz -f 
  RewriteRule ^(.*)$ $1.gz [L] 
  

• put small images base64 encoded in this single html per article. so it's easy to archive and copy an article. don't use a image twice in the document. set reference to it. use very small and optimized files (tinypng, dithering images, using vector graphics)
• don't insert menu and double content, social media stuff and anything like that. use server directory listing as menu. just for choosing and delivering static html files. and just a normal about.html.gz for further information about author etc.
• don't blowup up html files with bullshit tags, javascript etc. dont use css classes. just clever combine short html tags and set style for that tag. h1,h2,h3,p,em,b and so on. generally: don't force user visitor to use your stylesheets at all. give him plain old html and one single reference to your stylesheet.
• save spaces, line breaks etc. in html since you can use auto line wrap while editing. (have a look at html coding style in the attached example)

So your' minimal html wrap looks like this: