angular/aio/content/guide/web-worker.md

Procesamiento en segundo plano utilizando web workers

Web workers te permiten ejecutar cálculos intensivos de CPU en un subproceso en segundo plano, liberando el hilo principal para actualizar la interfaz de usuario. Si encuentras que la aplicación realiza una gran cantidad de cálculos, como generar dibujos CAD o realizar cálculos geométricos pesados, el uso de web workers puede ayudar a aumentar el rendimiento de la aplicación.

La CLI no admite la ejecución de Angular en un web worker.

Agregando un web worker

Para agregar un web worker a un proyecto existente, utiliza el comando de Angular ng generate de la CLI.

ng generate web-worker location

Puedes agregar un web worker en cualquier lugar de la aplicación. Por ejemplo, para agregar un web worker al componente raíz, src/app/app.component.ts, ejecuta el siguiente comando.

ng generate web-worker app

El comando realiza las siguientes acciones.

• Configura el proyecto para que use web workers, si aún no lo está.

• Agrega el siguiente código a src/app/app.worker.ts para recibir mensajes.

  addEventListener('message', ({ data }) => { const response = `worker response to ${data}`; postMessage(response); });

• Agrega el siguiente código src/app/app.component.ts para usar el worker.

  if (typeof Worker !== 'undefined') { // Create a new const worker = new Worker('./app.worker', { type: 'module' }); worker.onmessage = ({ data }) => { console.log(`page got message: ${data}`); }; worker.postMessage('hello'); } else { // Web workers are not supported in this environment. // You should add a fallback so that your program still executes correctly. }

Después de generar esta estructura inicial, debes refactorizar el código para usar el web worker enviando mensajes desde y hacia el worker.

Algunos entornos o plataformas, como @angular/platform-server utilizado en Renderizado del lado del servidor, no admiten web workers. Para asegurarte de que la aplicación funcionará en estos entornos, debes proporcionar un mecanismo de reserva para realizar los cálculos que el worker realizaría de otro modo.