[XMLHttpRequest ] Advertencia en la consola, alguien me pudiera explicar

[chulifo]

Les saludo.

Estoy probando algunas cosas para "mejorar la experiencia del usuario" sin embargo, tengo que cuando utilizo este codigo:

Código Javascript:

var modulos = {'add':true,'ver':true,'getorden': true}; 
function getModule(a){
    if(modulos[a]){
        $.post(urlhost+'/path/'+a,{ 'called':true},
            function(datos) {
                data = JSON.parse(datos);
                if(data){
                    if(data.result == 'exito'){
                        window.history.pushState(data, data.titulo, urlhost+'/requisiciones/'+a);
            path        $('title').html(data.titulo);
                        $('#breadcrumb').html(data.breadcrumb);
                        $('#mainsource').html(data.contenido);
                        
                    }
                }
            }
        );
        
    }
}
 

La consola me devuelve lo siguiente:

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check https://xhr.spec.whatwg.org/.

Sin embargo, cuando remuevo el trozo de codigo

Código:

$('#mainsource').html(data.contenido);

No me arroja el mensaje.

Agradezco de ante mano me puedo ayudar a entender lo que sucede.

-edito-

Buscando la razon, encuentro que lo que recibo en data.contenido es html (texto,css,javascript), sim embargo, cuando retiro los codigos javascript encuentro que la advertencia deja de aparece; entonces ya encontre el problema, sin embargo sigo sin entender ¿porque eso es un problema?