Анимации + ключевые кадры в сравнении с jQuery fadeIn и fadeOut рекурсия, которая дружественна к процессору?

Question

Я создаю веб-сайт, который выполняет некоторое мигание текста, и я обнаружил, что использование анимации + ключевые кадры потребляет смешное количество памяти. Поэтому я создал рекурсивную функцию fadeIn fadeOut, но у нее есть функция остановки. Я хотел бы спросить, нахожусь ли я на правильном пути. Заранее спасибо.

Вот мой вариант анимации CSS

   .blink_me {
            animation: blinker 1.5s linear infinite;
        }

        @keyframes blinker {
            50% {
                opacity: 0;
            }
        }

А вот мой подход jQuery.

   function blink_text() {
    $('.child-center').fadeOut(900);
    $('.child-center').fadeIn(900);
    blink_text();
}

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

 if (data.status == "START") {
    flashTicket(data.ticket);
    blinker = setTimeout(blink_text, 1000);
 } else {
    flashTicket("");
    clearTimeout(blinker);
 }