diff options
author | Ed Tanous <ed@tanous.net> | 2024-04-09 00:27:07 +0300 |
---|---|---|
committer | Ed Tanous <ed@tanous.net> | 2024-04-09 02:35:41 +0300 |
commit | f8207740c3897532207f66da01facc41ea13c020 (patch) | |
tree | 5d3a7833f8b04fd62f722a0dc245ab13033fbb01 /vue.config.js | |
parent | d4eaf8bb87479241fe518be1cc753b2067fe3df3 (diff) | |
download | webui-vue-f8207740c3897532207f66da01facc41ea13c020.tar.xz |
Inline SVG
Having the SVG files loaded as a separate package significantly
increases the load time of the UI, as it forces the images to be
downloaded AFTER the page has loaded.
This commit adds the vue-svg-inline-loader, and appropriate config such
that the styles can be inlined, and a second trip to the BMC is not
required to load the login screen. This improves the "time to glass" of
the webui quite a bit.
Tested: Webui loads. Network tab shows svg files are not loaded. Webui
login page looks correct.
First load of the webui renders 500ms faster (1.9s vs 1.4s)
Change-Id: Iebcd9ab5df6edad0a1a5c53c028eccd2fda8f63c
Signed-off-by: Ed Tanous <ed@tanous.net>
Diffstat (limited to 'vue.config.js')
-rw-r--r-- | vue.config.js | 6 |
1 files changed, 6 insertions, 0 deletions
diff --git a/vue.config.js b/vue.config.js index ad5fb616..769f5c90 100644 --- a/vue.config.js +++ b/vue.config.js @@ -54,6 +54,12 @@ module.exports = { port: 8000, }, productionSourceMap: false, + chainWebpack: (config) => { + config.module + .rule('vue') + .use('vue-svg-inline-loader') + .loader('vue-svg-inline-loader'); + }, configureWebpack: (config) => { const crypto = require('crypto'); const crypto_orig_createHash = crypto.createHash; |