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.

Test
(ms)

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