[KibanaReact] Reduce kibanaReact
bundle size
#114990
Labels
Feature:kibana-react
impact:low
Addressing this issue will have a low level of impact on the quality/strength of our product.
loe:large
Large Level of Effort
old
Used to help sort old issues on GH Projects which don't support the Created search term.
performance
Team:SharedUX
Team label for AppEx-SharedUX (formerly Global Experience)
technical debt
Improvement of the software architecture and operational architecture
part of #112832
kibana_react
is under 100Kb #95865 🎉We still have a lot of room for improvement. We also would like to use this opportunity to declutter
kibana_react
as during new platform migration it became a "shared" place to put stuff to share, but the plugin is "owned" by app-services team.The main goal is to reduce initial bundle size, these are the strategies we have:
Lazy
wrapper, export only aLazy
wrapper. Downside is that consumer code doesn't control lazy loading process. exampleLazy
wrapper approach for widely used components example2 and 3 allows us to revisit code ownership of some of those components. It would make more sense if for some of those app-services won't be pinged.
Focusing only on those that are still inside the initial bundle, even though it would make sense to revise some of the components that are already code splitter with the
Lazy
wrapper approach:page_template
url_template_editor
CodeEditor
tablie_list_view
page_template
field_button
field_icon
validated_range
overview_page
exit_full_screen_button
toolbar_button
lens
(used only there)split_panel
console
(used only there)Also we have
assets/
folder. Assets are used from different plugins by static URL which is unsafe. I think we should copy those assets where they are used and preferrequire()
usage instead of static URL, so that build system could check if they are present. cc @elastic/eui-design @elastic/kibana-operationsThe text was updated successfully, but these errors were encountered: