Your window into the Elastic Stack
Find a file
Carlos Crespo 079763bfff
[Infrastructure UI] Improve Hosts View page performance (#160406)
## Summary

This PR focuses on enhancing the performance of the Hosts View page to
improve the user experience. The main performance detractors were
identified as multiple unnecessary calls to the data view's toSpec()
function during chart rendering and excessive re-rendering of charts
whenever there were changes on the page.

To address these issues, the following optimizations were implemented:

### Caching the toSpec() Result

Previously, the toSpec() function was called multiple times for each
chart, resulting in heavy computation. To optimize this, caching
mechanism was introduced that stores the result of the toSpec()
function. This prevents unnecessary and repetitive computations,
significantly improving the chart attributes generation performance.

_Before_
<img width="900" alt="image"
src="c9ed1a0e-c99b-4a09-a091-562739f69abb">

_After_
<img width="900" alt="image"
src="7d390f22-2696-48d5-bb41-df849abd6f1b">

To optimize the chart attributes generation, the `toSpec()` result is
now cached. Preventing this heavy operation from performing
unnecessarily

### Reducing Lens Re-renders

In the previous implementation, metric charts and KPIs were re-rendered
excessively whenever there were changes on the page, impacting
performance. By implementing memoization techniques, unnecessary
re-renders were solved, resulting in smoother and faster rendering of
metric charts and KPIs.

**_Metric charts_**

_Before_
<img width="900" alt="image"
src="fdb3ac05-1c50-4b2d-bde6-68a9d1601444">


_After_
<img width="900" alt="image"
src="c2c5ade9-96df-4c41-be2a-d5323e8fc44d">


**_KPIs_**

_Before_
<img width="900" alt="image"
src="75abe5ae-7c2e-4cee-b816-07f31e542d7f">

_After_
<img width="900" alt="image"
src="bdf32738-b11d-4da8-b0d7-6792de9ed0a7">


### Overall performance

By implementing the above optimizations, the overall performance of the
Hosts View page has been greatly improved. The changes have
significantly reduced delays and improved the responsiveness of buttons,
checkboxes, and tab interactions.

_Before_
<img width="900" alt="image"
src="c390cdc8-4421-46ee-9ea0-dc28ef1efd97">

_After_
<img width="900" alt="image"
src="771ee718-fd58-49e0-a377-ce1e187cec3a">


### How to test

- Start a local Kibana instance
- Navigate to `Infrastructure > Hosts`
- Click through buttons, checkboxes tabs and check if there are delays
for the click actions to be performed

---------

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
2023-06-30 10:19:35 +02:00
.buildkite Revert "[TLS-446] Update pipeline to use gpctl" (#160900) 2023-06-29 09:21:24 -07:00
.ci Upgrade Node.js to 16.20.1 (#160177) 2023-06-21 16:57:55 -05:00
.github [Ops] Fix auto-approve script (#160856) 2023-06-29 12:04:55 +02:00
api_docs [api-docs] 2023-06-30 Daily api_docs build (#160955) 2023-06-30 00:57:16 -04:00
config Enable ZDT migration algorithm on serverless (#160536) 2023-06-27 00:50:05 -07:00
dev_docs [HTTP/Docs] Clarify versioning practices for internal vs public endpoints (#158828) 2023-06-02 13:40:42 +02:00
docs [OAS] Add default spaces to case paths (#160831) 2023-06-29 08:41:58 -07:00
examples [shared-ux-router] Add Router and Routes components (#159834) 2023-06-23 10:02:06 -05:00
kbn_pm chore(NA): exit early with link for docs when using kbn_pm on windows (#139745) 2023-02-10 15:38:29 +00:00
legacy_rfcs rename @elastic/* packages to @kbn/* (#138957) 2022-08-18 08:54:42 -07:00
licenses Elastic License 2.0 (#90099) 2021-02-03 18:12:39 -08:00
packages [Synthetics] Fix and updated alert flaky tests (#160870) 2023-06-30 10:14:32 +02:00
plugins
scripts [Console] Use ES specification for autocomplete definitions (#159241) 2023-06-23 12:05:25 -07:00
src [Charts Plugin] Color mappings preliminary cleanups (#160898) 2023-06-30 10:17:06 +02:00
test [Discover] Adjust NoData screen (#160747) 2023-06-30 10:10:49 +02:00
typings Refactor react-tiny-virtual-list (#159023) 2023-06-12 17:20:16 +02:00
vars [ts] ts refs cache was removed, remove capture task 2022-10-28 14:27:18 -05:00
x-pack [Infrastructure UI] Improve Hosts View page performance (#160406) 2023-06-30 10:19:35 +02:00
.backportrc.json chore(NA): adds 8.9 into backportrc (#160154) 2023-06-22 15:38:51 +01:00
.bazelignore Bazel config maintenance (#135442) 2022-07-05 10:20:26 -05:00
.bazeliskversion chore(NA): upgrade bazelisk into v1.11.0 (#125070) 2022-02-09 20:43:57 +00:00
.bazelrc chore(NA): use new and more performant BuildBuddy servers (#130350) 2022-04-18 02:01:38 +01:00
.bazelrc.common Transpile packages on demand, validate all TS projects (#146212) 2022-12-22 19:00:29 -06:00
.bazelversion chore(NA): revert bazel upgrade for v5.2.0 (#135096) 2022-06-24 03:57:21 +01:00
.browserslistrc [browserslist] remove unnecessary browsers (#89186) 2021-01-25 16:30:18 -07:00
.editorconfig .editorconfig MDX files should follow the same rules as MD (#96942) 2021-04-13 11:40:42 -04:00
.eslintignore [NOTICE.txt] Fix notices for Gainsight and FullStory (#146004) 2023-01-13 14:49:43 +01:00
.eslintrc.js [Profiling] creating API tests (#159984) 2023-06-24 09:47:28 +01:00
.gitattributes
.gitignore [APM] Add data section to Diagnostics tool (#159884) 2023-06-27 04:23:49 -07:00
.i18nrc.json [UnifiedFieldList] Convert from a plugin into a package (#158718) 2023-06-23 14:28:12 +02:00
.node-version Upgrade Node.js to 16.20.1 (#160177) 2023-06-21 16:57:55 -05:00
.npmrc chore(NA): assure puppeteer_skip_chromium_download is applied across every yarn install situation (#88346) 2021-01-14 18:00:23 +00:00
.nvmrc Upgrade Node.js to 16.20.1 (#160177) 2023-06-21 16:57:55 -05:00
.prettierignore [dev] Replace sass-lint with stylelint (#86177) 2021-01-15 11:52:29 -06:00
.prettierrc
.stylelintignore chore(NA): stop grouping bazel out symlink folders (#96066) 2021-04-01 14:16:14 -05:00
.stylelintrc Bump stylelint to ^14 (#136693) 2022-07-20 10:11:00 -05:00
.telemetryrc.json [Telemetry] Fix telemetry-tools TS parser for packages (#149819) 2023-01-31 04:09:09 +03:00
.yarnrc chore(NA): manage npm dependencies within bazel (#92864) 2021-03-03 12:37:20 -05:00
BUILD.bazel Transpile packages on demand, validate all TS projects (#146212) 2022-12-22 19:00:29 -06:00
CODE_OF_CONDUCT.md Add CODE_OF_CONDUCT.md (#87439) 2021-02-23 09:01:51 +01:00
CONTRIBUTING.md Update doc slugs to improve analytic tracking, move to appropriate folders (#113630) 2021-10-04 13:36:45 -04:00
FAQ.md Fix small typos in the root md files (#134609) 2022-06-23 09:36:11 -05:00
fleet_packages.json [main] Sync bundled packages with Package Storage (#160949) 2023-06-30 09:35:38 +02:00
github_checks_reporter.json
Jenkinsfile [CI] Disable tracked branch jobs in Jenkins, enable reporting in Buildkite (#112604) 2021-09-21 11:31:15 -04:00
kibana.d.ts fix all violations 2022-04-16 01:37:30 -05:00
LICENSE.txt Elastic License 2.0 (#90099) 2021-02-03 18:12:39 -08:00
nav-kibana-dev.docnav.json Adds link to May 2023 contributors newsletter. (#159140) 2023-06-06 14:21:08 -06:00
NOTICE.txt [FullStory] Update snippet (#153570) 2023-04-18 04:06:05 -07:00
package.json Update dependency @elastic/charts to v59 (main) (#160700) 2023-06-28 23:36:06 -03:00
preinstall_check.js Elastic License 2.0 (#90099) 2021-02-03 18:12:39 -08:00
README.md [README] Update version Compatibility with Elasticsearch (#116040) 2022-01-10 10:31:21 -05:00
renovate.json Session view and k8s dashboard fixes (#154982) 2023-04-17 16:22:28 -07:00
RISK_MATRIX.mdx Add "Risk Matrix" section to the PR template (#100649) 2021-06-02 14:43:47 +02:00
SECURITY.md Add security policy to the Kibana repository (#85407) 2020-12-10 09:26:00 -05:00
STYLEGUIDE.mdx [styleguide] update path to scss theme (#140742) 2022-09-15 10:41:14 -04:00
tsconfig.base.json [Logs+] Implement Logs Dataset selector (#159907) 2023-06-28 15:20:44 +02:00
tsconfig.browser.json
tsconfig.browser_bazel.json [build_ts_refs] improve caches, allow building a subset of projects (#107981) 2021-08-10 22:12:45 -07:00
tsconfig.json Transpile packages on demand, validate all TS projects (#146212) 2022-12-22 19:00:29 -06:00
TYPESCRIPT.md Fix small typos in the root md files (#134609) 2022-06-23 09:36:11 -05:00
versions.json chore(NA): update versions after v7.17.12 bump (#160917) 2023-06-29 21:59:23 +01:00
WORKSPACE.bazel Upgrade Node.js to 16.20.1 (#160177) 2023-06-21 16:57:55 -05:00
yarn.lock [Dashboard] 404 page (#160213) 2023-06-29 13:33:58 -04:00

Kibana

Kibana is your window into the Elastic Stack. Specifically, it's a browser-based analytics and search dashboard for Elasticsearch.

Getting Started

If you just want to try Kibana out, check out the Elastic Stack Getting Started Page to give it a whirl.

If you're interested in diving a bit deeper and getting a taste of Kibana's capabilities, head over to the Kibana Getting Started Page.

Using a Kibana Release

If you want to use a Kibana release in production, give it a test run, or just play around:

Building and Running Kibana, and/or Contributing Code

You might want to build Kibana locally to contribute some code, test out the latest features, or try out an open PR:

Documentation

Visit Elastic.co for the full Kibana documentation.

For information about building the documentation, see the README in elastic/docs.

Version Compatibility with Elasticsearch

Ideally, you should be running Elasticsearch and Kibana with matching version numbers. If your Elasticsearch has an older version number or a newer major number than Kibana, then Kibana will fail to run. If Elasticsearch has a newer minor or patch number than Kibana, then the Kibana Server will log a warning.

Note: The version numbers below are only examples, meant to illustrate the relationships between different types of version numbers.

Situation Example Kibana version Example ES version Outcome
Versions are the same. 7.15.1 7.15.1 💚 OK
ES patch number is newer. 7.15.0 7.15.1 ⚠️ Logged warning
ES minor number is newer. 7.14.2 7.15.0 ⚠️ Logged warning
ES major number is newer. 7.15.1 8.0.0 🚫 Fatal error
ES patch number is older. 7.15.1 7.15.0 ⚠️ Logged warning
ES minor number is older. 7.15.1 7.14.2 🚫 Fatal error
ES major number is older. 8.0.0 7.15.1 🚫 Fatal error

Questions? Problems? Suggestions?

  • If you've found a bug or want to request a feature, please create a GitHub Issue. Please check to make sure someone else hasn't already created an issue for the same topic.
  • Need help using Kibana? Ask away on our Kibana Discuss Forum and a fellow community member or Elastic engineer will be glad to help you out.