¿Cómo encuentra palabras QUIQLY en la página usando más de 1000 datos y luego agrega css a la etiqueta rodeada por RegEx y Reemplazar?

Como mencioné, el problema es con la solicitud RegEx. Usando "\b"+palabra+"\b" como está ahora, mi página se carga con aproximadamente 1 adicionales, pero de esa manera también reemplazo palabras en las etiquetas de entrada, img(src) o a(href) en mi página. Por lo tanto, probé solicitudes RegExp más complejas como esa: "(?: |<(?:a|p|h1)(?:.*>))("+word+")(?: |</(?:a |p|h1)>)" que funcionó bastante bien, ¡pero la página cargó alrededor de 30 segundos con todas mis marcas!

Verifique este RegEx en el enlace: https://regex101.com/r/U7nT9R/1

El código funciona así:

1. Obtener código del cuerpo de la página
2. Guárdalo en var $golbalhtml
3. Función de mapa a través de todas las palabras en los datos
4. -- Cada vez que solicite una nueva palabra RegEx y reemplace las palabras comunes en var $golbalhtml con todo mi código
5. Cuando MAP terminó => PUBLICAR por .html($golbalhtml)

¿Cómo puedo verificar todos mis datos inmediatamente? (¿Es posible hacer una solicitud sin la función de mapa una vez?) O ¿Debería usar alguna solicitud RegEx que sea más simple? ¿Existen otros métodos para encontrar palabras fácilmente en la página y reemplazarlas por <>palabra</>?

 $golbalhtml = $("body").html(); //START $.map( data, function( word, i ) { let brand = "\\b"+word+"\\b"; //here let re = new RegExp(brand,"g"); $golbalhtml = $golbalhtml.replace(re,"<span style='...'>"+word+"</span>"); }); $("body").html($golbalhtml); //END

Mi resultado FOTO de REEMPLAZAR () solo en la página de Google con la palabra (nombre de marca) "AHAVA" - funciona a través de Google Chrome Expansion: FOTO RESULTADO