Virtual DOMでなく生のDocumentFragmentを与えてDOMを差分更新したいって話 - Qiita

import { DOMUpdater } = './dom-updater.js'; // 他のプロセスからのメッセージを待ち受ける（WebExtensionsのAPI） browser.runtime.onMessageExternal(message => { // 反映先の要素 const before = document.getElementById('container'); // 反映する内容をDocumentFragmentにする const range = document.createRange(); range.setStart(document.body, 0); const after = range.createContextualFragment(message); range.detach(); // DocumentFragmentの内容でbeforeと