создать собственную тему и текст метки (пользовательские теги) для моей веб-страницы

Question

У меня есть веб-страница, где все тексты, такие как текст заголовка браузера, текст для кнопок, текст метки поля ввода, текст заголовка и т. Д., Вся страница может быть настроена из Back-End.никакое значение на 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 с использованием класса пользовательских тегов я буду повторять и заменять значение пользовательского тега нареальная стоимость.Есть ли лучшее решение этой проблемы.