<meta name="viewport" content="width=device-width,initial-scale=1.0">
width=device-width is actually redundant and cargo culting. All you need is initial-scale. I explain in a bit more detail here: https://news.ycombinator.com/item?id=36112889

I've read your post. I'm going to test this on some crappy devices this week to confirm and then update my boilerplate.

outerHTML is an attribute of Element and DocumentFragment is not an Element.

Where do the standards say it ought to work?