Skip to content

Conversation

@kibanamachine
Copy link
Contributor

Backport

This will backport the following commits from main to 8.19:

Questions ?

Please refer to the Backport tool documentation

## Summary

+ Optimize the heavy calls during rendering of Synthetics monitors
overview page by memoizing the relevant calls and avoiding potential
rerenders. Performance improvements speaks for themselves, attaching the
context below

## Scenario

With 5000 monitors - going to `app/synthetics` page - No scrolling -
Just page load

### Before

**M1 Mac - No throttle**
<img width="787" height="166" alt="Screenshot 2025-07-24 at 5 39 02 PM"
src="https://github.com/user-attachments/assets/8e48f060-ac13-4a64-88a3-48e9a4d1cda6"
/>

**Slowdown on 1x throttled M1 Mac**
<img width="645" height="218" alt="Screenshot 2025-07-24 at 5 43 31 PM"
src="https://github.com/user-attachments/assets/e9928a5d-da61-4ac2-b1bd-a99ca156eb7f"
/>

**Midtier desktop/ Highend Mobile**

<img width="702" height="210" alt="Screenshot 2025-07-24 at 5 42 30 PM"
src="https://github.com/user-attachments/assets/2c53c560-4f56-4182-9c5d-20a350c676f1"
/>

### After

**M1 Mac - No throttle**
<img width="677" height="132" alt="Screenshot 2025-07-24 at 4 56 54 PM"
src="https://github.com/user-attachments/assets/f35b61cd-91d0-4c43-8d73-068d498009cd"
/>

**Midtier desktop/ Highend Mobile / Slowdown on 1x throttled M1 Mac**

<img width="509" height="126" alt="Screenshot 2025-07-24 at 6 01 38 PM"
src="https://github.com/user-attachments/assets/0f5b6125-db31-49e5-a024-2629e8db55ca"
/>

### Checklist

Check the PR satisfies following conditions.

Reviewers should verify this PR satisfies this list as well.

- [ ] Any text added follows [EUI's writing
guidelines](https://elastic.github.io/eui/#/guidelines/writing), uses
sentence case text and includes [i18n
support](https://github.com/elastic/kibana/blob/main/src/platform/packages/shared/kbn-i18n/README.md)
- [ ]
[Documentation](https://www.elastic.co/guide/en/kibana/master/development-documentation.html)
was added for features that require explanation or tutorials
- [ ] [Unit or functional
tests](https://www.elastic.co/guide/en/kibana/master/development-tests.html)
were updated or added to match the most common scenarios
- [ ] If a plugin configuration key changed, check if it needs to be
allowlisted in the cloud and added to the [docker
list](https://github.com/elastic/kibana/blob/main/src/dev/build/tasks/os_packages/docker_generator/resources/base/bin/kibana-docker)
- [ ] This was checked for breaking HTTP API changes, and any breaking
changes have been approved by the breaking-change committee. The
`release_note:breaking` label should be applied in these situations.
- [ ] [Flaky Test
Runner](https://ci-stats.kibana.dev/trigger_flaky_test_runner/1) was
used on any tests changed
- [ ] The PR description includes the appropriate Release Notes section,
and the correct `release_note:*` label is applied per the
[guidelines](https://www.elastic.co/guide/en/kibana/master/contributing.html#kibana-release-notes-process)
- [ ] Review the [backport
guidelines](https://docs.google.com/document/d/1VyN5k91e5OVumlc0Gb9RPa3h1ewuPE705nRtioPiTvY/edit?usp=sharing)
and apply applicable `backport:*` labels.

---------

Co-authored-by: vigneshshanmugam <vignesh.shanmugam@elastic.co>
Co-authored-by: kibanamachine <42973632+kibanamachine@users.noreply.github.com>
Co-authored-by: Shahzad <shahzad31comp@gmail.com>
(cherry picked from commit 93daf0d)
@kibanamachine kibanamachine added the backport This PR is a backport of another PR label Aug 5, 2025
@kibanamachine kibanamachine enabled auto-merge (squash) August 5, 2025 22:29
@botelastic botelastic bot added the Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics. label Aug 5, 2025
@elasticmachine
Copy link
Contributor

Pinging @elastic/obs-ux-management-team (Team:obs-ux-management)

@kibanamachine kibanamachine merged commit c420f92 into elastic:8.19 Aug 19, 2025
8 checks passed
@elasticmachine
Copy link
Contributor

💚 Build Succeeded

Metrics [docs]

Async chunks

Total size of all lazy-loaded chunks that will be downloaded as the user navigates the app

id before after diff
synthetics 1.0MB 1.0MB +267.0B

History

cc @vigneshshanmugam

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

backport This PR is a backport of another PR Team:actionable-obs Formerly "obs-ux-management", responsible for SLO, o11y alerting, significant events, & synthetics.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants