Comparing innerHTML And appendChild Page Rendering Speed

I'm building an ASCII avatar for my Twitch stream. Think VTuber, but 2 dimensional. The avatar is made from a table that lets me set styles for each character individually. I built this page to compare rendering methods.

I've been using the "Table appendChild (Text)" approach. Based off these results I'm switching to a _span__ based approach.

You can run the tests yourself here. More details and the test code are below.


(The tests are not async. The page will be unresponsive for a bit. Up to 10 seconds on my machine)