GitHub user nolanlawson opened a pull request:
https://github.com/apache/couchdb-fauxton/pull/850
extract css to separate file in production
With this change, we use extract-text-webpack-plugin to extract CSS from
our JavaScript bundle into a separate CSS file.
There are a few performance benefits to this change:
1. JS bundle size is smaller (2.4MB -> 2.2MB)
2. CSS can apply before the JS executes, meaning the browser can start
laying out styles faster, and users see a more progressive loading experience.
In our case this is just our gray background instead of a white background, but
at least it's something.
Before:
After:
You can merge this pull request into a Git repository by running:
$ git pull https://github.com/nolanlawson/couchdb-fauxton extract-css
Alternatively you can review and apply these changes as the patch at:
https://github.com/apache/couchdb-fauxton/pull/850.patch
To close this pull request, make a commit to your master/trunk branch
with (at least) the following in the commit message:
This closes #850
----
commit 7079b1d22bbb9ca3755dc5f4ad47f4279e4ae352
Author: Nolan Lawson <[email protected]>
Date: 2017-02-15T04:18:01Z
extract css to separate file in production
----
---
If your project is set up for it, you can reply to this email and have your
reply appear on GitHub as well. If your project does not have this feature
enabled and wishes so, or if the feature is enabled but not working, please
contact infrastructure at [email protected] or file a JIRA ticket
with INFRA.
---
