Problema al reemplazar en Javascript

[zant95]

Muchisimas gracias, funciona, pero ahora tengo otro problema, y es que consume demasiados recursos y la página se queda congelada hasta que termina.

Lo que pasa es que invoca la función tantas veces como distintas palabras por reemplazar halla.

¿A alguien se le ocurre una forma más óptima?

Código Javascript:

var memeType;
var size = '29px';
var css = document.createElement('style'); 
css.type = 'text/css'; 
css.innerHTML = '.MemeManagerStyle{width:' + size + '; height:' + size + '; background-color:transparent; display:inline; border-width:0px;}'; 
document.head.appendChild(css);
 
jQuery.fn.Memes = function (str) { 
    var memeType = str.replace(/!/g,'');
    var regex = new RegExp(str, 'g'); 
    return this.each(function () { 
        this.innerHTML = this.innerHTML.replace(regex, '<img class=MemeManagerStyle alt=' + memeType + ' title=' + memeType + ' src=chrome-extension://lbdcfigjcdkpgaegjmbodgpmconbfpep/images/' + memeType + '.png />'); 
        console.log('Loaded:' + memeType);
    });
}; 
 
function reMeme() {
    $('body').Memes('!trollface')
    .Memes('!awwyea')
    .Memes('!betterthanexpected')
    .Memes('!cereals')
    //[Una lista larga]
}
 

La extensión en sí no es más que un gestor de emoticonos combatible con todas las webs, usa códigos como !angry.

Saludos.