Browse DevX
Sign up for e-mail newsletters from DevX

Tip of the Day
Language: Web
Expertise: Advanced
Dec 19, 2017

Use Web Workers to Do the Script-intensive Work in the Background

Web Workers allow you to run JavaScript code in the background without blocking the web page user interface. Web workers can improve the overall performance of a web page and also enhance the user experience.

In the example below, the intensive work is in the script lengthytask.jsand it is invoked through a button click. This runs in the background without impacting the performance of the web page.

$(document).ready(function () {
      if (Modernizr.webworkers)
          $("#buttonCompute").click(function () {
                var worker = new Worker("scripts/lengthytask.js");
                worker.addEventListener("message", function (evt) {
Srinath M S
Thanks for your registration, follow us on our social networks to keep up-to-date