Есть ли лучший способ изменить размер шрифта текстовой области в зависимости от текущей длины текста?

У меня есть текстовое поле. Если в текстовом поле меньше 20 символов, размер шрифта должен быть больше (с именем класса). Если длина составляет 20 символов или больше, текстовое поле не подвергается специальной обработке в отношении размера шрифта.

Этот код работает, но меня беспокоит производительность браузера. Существуют десятки других процессов, работающих с текстовой областью, пока пользователь печатает, и это определенно полезная функция. Любые другие способы, которыми я мог бы оптимизировать постоянную проверку каждый раз, когда пользователь вводит новое письмо?

$('#text').keyup(function(e){
    if($(this).val().length < 20) {
        $(this).addClass('bigger');
    } else {
        $(this).removeClass('bigger');
    }
});