Разница в рендере сразу в тэг или через псевдоэлемент?

Question

[Алексей]

Какой подход является наиболее оптимальным для вывода таймера и есть ли разница, даже минимальная, в этих примерах ? Обновляется просто js'ом (00:00) через интервал.

<div>
  <span>00:00<span>время
</div>

или

<div>
  <span class="timer" data-timer="00:00"> </span>время
</div>

.timer::before {
  content: attr(data-timer);
}

Comments

[Rustam Bainazarov]

Что-то мне подсказывает, что то, что другое будет абсолютно одинаково. А если разница в скорости есть, то она будет равняться 1/100000 секунды. Если у вас не атомные часы, то переживать об этом не стоит.

[Алексей]

SmthTo, вопрос то в том и заключается, что из этого отработает на 1/100000 секунды быстрее

[Rustam Bainazarov]

Алексей, предполагаю, что первый вариант. Прямая замена содержимого тега.

Answer 1

[loopi]

content нельзя выделить и скопировать
Контент онлайн-билетов любят так прогонять, что бы не гуглили даже самые-самые

<spam data-letter="П"></span>
<spam data-letter="р"></span>
<spam data-letter="и"></span>
<spam data-letter="в"></span>
<spam data-letter="е"></span>
<spam data-letter="т"></span>