Slow loading on demo app

[gordyd]

Slow loading on demo app

[GordyD]

Hi @reddhouse,

Thanks for flagging this.

So the issue here is that the CSS is loaded inline with the Javascript payload (it is contained within bundle.js) in the version deployed. Because Webpack is not instructed to break out CSS dependencies into separate payloads this means that it is served just like the JS, asynchronously, which explains the page showing the unstyled content initially.

The current version of 3ree addresses this though so I'll need to update the deployed version which I'll do later today, then the CSS will be loaded synchronously and you won't see an unstyled version of the app.

For clarity though this issue is resolved by using the ExtractTextPlugin and updating webpack.config.js to optionally use this plugin for bundling CSS when building for non-development environments. See here

[reddhouse]

Ah, good to know there is a solution to this. I'll keep an eye out for the refreshed UI on the demo site.

[GordyD]

FYI I have just deployed an updated version!