Product
Introducing License Enforcement in Socket
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
queue-microtask
Advanced tools
The queue-microtask npm package provides a way to queue tasks to run after the current JavaScript event loop tick, but before rendering or IO. This is useful for deferring less critical work until after more important tasks have completed without causing significant delays.
Deferring execution
This feature allows you to defer the execution of a function until after the current event loop tick has completed, but before the browser's rendering process begins. It's useful for optimizing performance by ensuring that critical tasks are not delayed by less critical ones.
queueMicrotask(() => {
console.log('This runs after the current event loop tick but before rendering.');
});
queueMicrotask
shim for modern enginesqueueMicrotask
in all JS engines.queueMicrotask
in modern environments (optimal)process.nextTick
in Node.js 10 and earlier (optimal)setTimeout
in old browsers (slow)npm install queue-microtask
const queueMicrotask = require('queue-microtask')
queueMicrotask(() => { /* this will run soon */ })
queueMicrotask
function?The queueMicrotask
function queues a microtask to be executed prior to control returning to the event loop. It is analogous to Node's process.nextTick
.
A microtask is a short function which will run after the current task has completed its work and when there is no other code waiting to be run before control of the execution context is returned to the event loop.
This lets your code run without interfering with any other, potentially higher priority, code that is pending, but before the JS engine regains control over the execution context, potentially depending on work you need to complete.
See the spec or Node documentation for more information.
This package allows you to use queueMicrotask
safely in all JS engines. Use it if you prioritize small JS bundle size over optimal performance in old browsers.
process.nextTick
?In Node, queueMicrotask
and process.nextTick
are essentially equivalent. If you just need to support Node 10+, you can use queueMicrotask
directly. If you need to support all versions of Node, you can use process.nextTick
.
If you also need browser support, read on.
setTimeout(fn, 0)
?This approach is the most compatible, but it has many problems. Modern browsers throttle timers severely, so setTimeout(…, 0)
usually takes at least 4ms to run. If you have many setTimeout
calls, then this can severely limit the performance of your program.
immediate
or asap
?These packages are great! However, if you prioritize small JS bundle size over optimal performance in old browsers then you may want to consider this package.
This package (queue-microtask
) is four times smaller than immediate
, twice as small as asap
, and twice as small as using process.nextTick
and letting the browser bundler shim it automatically.
Note: This package does not have proper microtask support in old browsers. Instead, old browsers fallback to setTimeout
. This will be slower, but it allows us to avoid include a complicated solution.
Since the queueMicrotask
API is supported in Chrome, Firefox, Safari, Opera, and Edge (canary), the vast majority of users will get the optimal experience. Node users also always get the optimal experience since Node 12 has queueMicrotask
and older versions have process.nextTick
, which has equivalent performance to queueMicrotask
.
If you need optimal performance in old browsers, use one of the alternative packages.
In computer programming, a shim is a library that transparently intercepts API calls and changes the arguments passed, handles the operation itself or redirects the operation elsewhere. – Wikipedia
This package could also be described as a "ponyfill".
A ponyfill is almost the same as a polyfill, but not quite. Instead of patching functionality for older browsers, a ponyfill provides that functionality as a standalone module you can use. – PonyFoo
queueMicrotask(fn)
The queueMicrotask()
method queues a microtask.
The fn
argument is a function to be executed after all pending tasks have completed but before yielding control to the browser's event loop.
MIT. Copyright (c) Feross Aboukhadijeh.
FAQs
fast, tiny `queueMicrotask` shim for modern engines
The npm package queue-microtask receives a total of 29,978,027 weekly downloads. As such, queue-microtask popularity was classified as popular.
We found that queue-microtask demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Product
Ensure open-source compliance with Socket’s License Enforcement Beta. Set up your License Policy and secure your software!
Product
We're launching a new set of license analysis and compliance features for analyzing, managing, and complying with licenses across a range of supported languages and ecosystems.
Product
We're excited to introduce Socket Optimize, a powerful CLI command to secure open source dependencies with tested, optimized package overrides.