# Web Workers

- Human documentation: [https://docs.univer.ai/fr-FR/guides/docs/getting-started/worker](https://docs.univer.ai/fr-FR/guides/docs/getting-started/worker)

- Agent Markdown: [https://docs.univer.ai/fr-FR/guides/docs/getting-started/worker.md](https://docs.univer.ai/fr-FR/guides/docs/getting-started/worker.md)

- Requested language: `fr-FR`

- Content language: `fr-FR`

- Documentation version: `1.2.0`

- Source: [docs/getting-started/worker.fr-FR.mdx](https://github.com/dream-num/documentation/blob/dev/content/guides/docs/getting-started/worker.fr-FR.mdx)

---

Docs peut exécuter la mise en page dans un Web Worker[^web-worker] avec `UniverDocsLayoutWorkerPlugin`. Enregistrez-le après le plugin Docs principal. `workerFactory` crée un nouveau Worker pour le service de mise en page.

Commencez par [l’installation et les premiers pas](https://docs.univer.ai/fr-FR/guides/docs/getting-started/installation.md). Ces extraits complètent la configuration existante. Enregistrez les plugins avant de créer ou charger du contenu ; modifiez les enregistrements existants sans les dupliquer.

## Thread principal

```typescript title="main.ts"
import { UniverDocsLayoutWorkerPlugin } from '@univerjs/docs'

univer.registerPlugin(UniverDocsLayoutWorkerPlugin, {
  workerFactory: () => new Worker(new URL('./worker.ts', import.meta.url), { type: 'module' }),
})
```

## Point d’entrée du Worker

```typescript title="worker.ts"
import { startDocsLayoutWorker } from '@univerjs/docs'

startDocsLayoutWorker()
```

Utilisez un Worker de type module et un fichier d’entrée séparé. Alignez les versions des packages des deux côtés. Le rendu et les interactions restent sur le thread principal.

[^web-worker]: Un Web Worker exécute JavaScript hors du thread principal du navigateur et communique par messages. Il ne peut pas accéder directement au DOM : déplacer les calculs ne déplace pas l’interface de l’éditeur.