Looking at that first table, one question jumps out at me: what the heck is Jeff Atwood doing on pages at Coding Horror that makes them weigh 23MB? I mean, I'm all for avoiding premature optimizations, but 23MB for one page is just... wow. EDIT: As a sanity check, I just tried loading the CH home page from a cold cache myself. Total weight: 31.26MB . Yowch.
Looks like there's some lazy loading of later content so I actually get accessible content very quickly, indeed I thought something was up as the page appeared to be only a couple-hundred kB, which didn't match your description.
Scrolling down I continue (in FF Network Monitor) to see content loading - reviewing I see that YouTube is responsible for over 1MB of "base.js" which gets downloaded 7 times, and ¼MB of CSS files (again 7 times over). Now Atwood may be to blame in part but Google ... shouldn't they at least do better?? CodingHorror is loading very large image files [1] (which get scaled) for me, perhaps a "retina" handling issue.
[1] https://gtmetrix.com/reports/blog.codinghorror.com/d1x7zZBk