为我的网页创建自定义主题和标签文本（自定义标签）

Question

我有一个网页，其中所有文本（例如浏览器标题文本，按钮文本，输入字段标签文本，标题文本等）都可以在后端进行自定义。 html页面中的任何值都不应硬编码。

我试图通过将indxedDb中的数据保存为键值对来实现，在加载页面之前，我将从indxedDb中获取该特定页面的数据并将自定义标记值替换为实际值。但是在那个时间页面看起来坏了的情况下会有2到3秒的延迟

<title class="custom-tag" >${home_browser_title}</title>

above is the browser title of the page

<div class="row pt-0 ">
   <div class="col-12 pl-3 heading">
     <h6 class="block-heading custom-tag">${pane_title}</h6>
   </div>
  <div class="col-12">
    <div class="">
      <table class="highlight">
    <thead>
     <tr>
       <th class="custom-tag">${title_app}</th>
       <th class="custom-tag">${title_component}</th>
       <th class="custom-tag">${title_type}</th>
       <th class="custom-tag">${title_activity}</th>
       <th class="custom-tag">${title_time}</th>
     </tr>
    </thead>
        <tbody id="data_holder">
        </tbody>
      </table>
     </div>
  </div>
</div>

上面是我的html代码，在js中使用自定义标签类，我将迭代并将自定义标签值替换为实际值。有没有更好的解决方案来解决这个问题。