Bundle.js to work with React-Framework (Gatsby)

Job ID: 37554788

Budget: $10 – $30 USD

I am looking for a developer who can optimize my webpack bundle.js file. The current size of the file is less than 1MB. It is 400kb and need to be below 200kb.

At the moment the bundle.js is generated but not added to the project so its not using the bundle, i need someone to connect the bundle to the project upon yarn build.

A benchmark on https://pagespeed.web.dev/analysis/https-www-quranplayermp3-com-reciter-abu-bakr-al-shatri/5bo9yilkyp?form_factor=desktop tells me that I need to reduce unused javascript. I used react bundle analyzer to find that biggest js chunk, and turns out it is actually the react-dom package. How can I fix that?

Skills and experience required:
- Experience with webpack and bundle.js optimization
- Familiarity with React library, as it is included in the bundle and may be causing performance issues.
Related categories: JavaScript React.js Framework Webpack