[Vue] Performance improvement: use scoped styles and load plugin styles on demand too #18983
Labels
c: Performance
For when we could improve the performance / speed of Matomo.
Milestone
Comments
diosmosis
added
the
c: Performance
|
AFAIK, load several small files takes more time (and consumes more network resources) than lone one single bigger file... |
|
Scoped styles are bundled, they are not loaded individually. The bundles would only be loaded individually if Matomo is modified to load them on demand w/ plugin JavaScript. Note that the primary purpose of this issue is to remove/lessen the initial larger synchronous request for styles. |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Another potential improvement to page load time: all of Matomo's styles are currently loaded synchronously in one request. It doesn't take much time, but there would be a performance improvement, if the file was smaller.
If the styles were moved to Vue modules as scoped styles, then for plugins that are loaded on demand, the styles could be removed from the main merged stylesheet.
To accomplish this:
importPluginUmd()would need to be augmented with the ability to load CSS files generated by webpackRefs #18981 & #18980
The text was updated successfully, but these errors were encountered: