Tengo esta extensión de Chrome donde necesito cargar un objeto grande desde Chrome Storage cuando el usuario abre la ventana emergente de extensión. Este objeto no es necesario para que la "página de destino" de la ventana emergente se cargue por completo, pero quiero cargar el objeto de inmediato para ahorrar tiempo cuando el usuario realmente lo necesite (en muchas otras "subpáginas").

Todas las "páginas" del Popup se crean con un solo archivo javascript, por lo que el objeto estará disponible en esas "subpáginas", incluso cuando se cargue en la "página de destino".

El problema es que cuando guardo el resultado de la función chrome.storage.local.get en una variable,

 chrome.storage.local.get(["wkhighlight_allkanji", "wkhighlight_allvocab", "wkhighlight_allradicals"], result => { const allKanji = result["wkhighlight_allkanji"]; const allVocab = result["wkhighlight_allvocab"]; const allRadicals = result["wkhighlight_allradicals"]; // ... });

la interacción con la "página de destino" no funciona (puede mover el mouse, pero no puede hacer clic en nada) durante un par de segundos (supongo que mientras guarda el objeto grande en la variable).

Mi pregunta es, si hay una manera de solucionar el problema anterior, con un enfoque que no sea solo cargar este objeto grande cuando el usuario realmente lo necesita (por ejemplo, solo cuando el usuario ingresa a esas "subpáginas"). Ese es el enfoque que tenía antes, pero siempre toma como 4/5 segundos. Por otro lado, si pudiera cargarlo directamente en el fondo de la "página de destino" ahorraría unos segundos, lo que hace una gran diferencia.