Plotly js size is huge (>3MB) in production build

jmriyaz84 · September 28, 2020, 2:01am

Dear Team ,

I am using Plotly js inside my vue project(javascript) , when I build the files for production I would plotly js file contributing more than 3MB in the final production build copy , is there any way to reduce the size , is there any Tree Shaking mechanism in the plotly , please guide , it is reducing my application’s performance.

archmoj · October 17, 2020, 1:42am

Have you tried partial bundles?

github.com

plotly/plotly.js/blob/master/dist/README.md#partial-bundles

# Using distributed files

All plotly.js dist bundles inject an object `Plotly` into the global scope.

Import plotly.js as:

```html
<script src="plotly.min.js"></script>
```

or the un-minified version as:

```html
<script src="plotly.js" charset="utf-8"></script>
```

### To support IE9

*Before* the plotly.js script tag, add:

This file has been truncated. show original

Jerome1 · September 15, 2021, 6:57pm

I am building a simple landing page which includes a 3d scatterplot graphic from plotly, nevertheless the minified library weights 3MB.

iMessage

Topic		Replies	Views
Modularizing plotly plotly.js	4	3766	October 2, 2017
Plotly: huge html file size 📊 Plotly Python	3	1952	June 4, 2022
How to reduce the size of the HTML Markdown in Plotly python? 📊 Plotly Python	3	2535	April 25, 2021
Plotting taking very long and browser not responding for a certain time plotly.js	5	4502	May 18, 2016
Tips for Reducing Plotly package size 📊 Plotly Python	1	1195	April 15, 2021

Plotly js size is huge (>3MB) in production build

Related Topics