react-worker-image is a React component for loading images via a web worker. Thereby not blocking the main thread and speeding up page load time.
npm install react-worker-image yarn add react-worker-image
react-worker-image exports one react component which takes
src as a prop, and an optional prop of
imageClass which are applied to the img tag.
const ImageWorker = require('react-worker-image').default; or import ImageWorker from 'react-worker-image';
usage in code
<ImageWorker src='http://image-url' />
|placeholder||optional||string or Component|
The above props are applied to the img tag.
Found a bug file them here.
Component in Action
Observe the page Load time at the bottom right corner in both cases.
The first is via a webworker and the second is the regular get.