Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve doc build time and load time performance #765

Closed
levithomason opened this issue Oct 28, 2016 · 0 comments
Closed

Improve doc build time and load time performance #765

levithomason opened this issue Oct 28, 2016 · 0 comments

Comments

@levithomason
Copy link
Member

levithomason commented Oct 28, 2016

Build times

Webpack build and load time performance was improved some time ago reducing build times from ~16s down to ~1s. Something recently has increased the doc build up to ~27s. This is a massive decrease in performance, 27x worse than it once was.

Load times

I've also noticed the doc site load times are becoming unacceptably long.

We should investigate the bundle sizes and, at a minimum, skip sourcemaps on the live docs.

 27M    ./docs/build
660K    ./docs/build/assets
5.8M    ./docs/build/app.b7becd54b1798794f19a.js
6.1M    ./docs/build/app.b7becd54b1798794f19a.js.map
6.6M    ./docs/build/vendor.b7becd54b1798794f19a.js
7.7M    ./docs/build/vendor.b7becd54b1798794f19a.js.map

We should also consider splitting the bundle by page on the doc site to improve performance.

Development & HMR

The current hot reload transforms do not work with many of our components due to the way the dependencies are resolved with Webpack's require.context(). We should remove the extra transforms and just use vanilla HMR. This will reduce the development footprint and also restore browser reloads on change.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant