parallel-dom

Parallel DOM

Make your apps faster, parallelize away heavy DOM operations.

Usage

import PDom from 'parallel-dom';

const pdom = new PDom(
    '#element',
    () => import('path/to/script/which/runs/in/parallel')
);
pdom.render();

Under the hood

• Creates an iframe on a https://<hash>.pdom.dev domain.
• Passes the scriptUrl and creates a clone of the passed DOM element to the above frame.
• The iframe loads and runs the script.
• Since, iframe is cross origin, the browser creates a dedicated process for it.
• We use origin-agent-cluster header to enable multiple PDom to have their own dedicated subframe process.

For more details:

• Performance isolation with the Origin-Agent-Cluster header