Vanilla JavaScript: Web Workers

Optimize your web applications with JavaScript web workers. Learn how to enable multithreading with dedicated and shared web workers.

Introduction

• Increase web performance with web workers
• What you should know

1. Threading in JavaScript

• The problem with JavaScript and threads
• Execute CPU-intense operations
• How the browser works with threads
• The workers family

2. Working with Web Workers

• Create a dedicated worker
• Life cycle of a dedicated worker
• Create a shared worker
• Life cycle of a shared worker
• Creating subworkers
• Import external scripts
• Create basic workers
• Debug with browser dev tools

3. Communication and Security

• Send messages to dedicated workers
• Improve the performance of our app
• Update progress and import scripts
• Send messages to shared workers
• Copy vs. transferable objects
• Handle worker errors

4. Libraries, Frameworks, and Ideas

• Libraries for web workers
• Decoding images
• WorkerDOM project
• OffscreenCanvas

Conclusion

• Next steps