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 /src | |
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 'src')
-rw-r--r-- | src/layouts/LoginLayout.vue | 2 |
1 files changed, 2 insertions, 0 deletions
diff --git a/src/layouts/LoginLayout.vue b/src/layouts/LoginLayout.vue index cdff2040..dba1980e 100644 --- a/src/layouts/LoginLayout.vue +++ b/src/layouts/LoginLayout.vue @@ -5,6 +5,7 @@ <div> <div class="login-brand mb-5"> <img + svg-inline width="90px" src="@/assets/images/login-company-logo.svg" :alt="altLogo" @@ -22,6 +23,7 @@ </div> <div class="login-aside__logo-bmc"> <img + svg-inline height="60px" src="@/assets/images/built-on-openbmc-logo.svg" alt="Built on OpenBMC" |