Bug 1795707 - Notification Drawer slows down page load, rerenders unnecessarily [openshift-4.4]
Summary: Notification Drawer slows down page load, rerenders unnecessarily [openshift-...
Alias: None
Product: OpenShift Container Platform
Classification: Red Hat
Component: Management Console
Version: 4.4
Hardware: Unspecified
OS: Unspecified
Target Milestone: ---
: 4.4.0
Assignee: Joe Caiani
QA Contact: shahan
Depends On:
TreeView+ depends on / blocked
Reported: 2020-01-28 16:51 UTC by bpeterse
Modified: 2020-05-04 11:27 UTC (History)
4 users (show)

Fixed In Version:
Doc Type: If docs needed, set a value
Doc Text:
Clone Of:
Last Closed: 2020-05-04 11:27:29 UTC
Target Upstream Version:

Attachments (Terms of Use)

System ID Priority Status Summary Last Updated
Github openshift console pull 4192 None closed Bug 1795707: improve notification drawer performance 2020-03-01 14:40:25 UTC
Red Hat Product Errata RHBA-2020:0581 None None None 2020-05-04 11:27:45 UTC

Description bpeterse 2020-01-28 16:51:03 UTC
Description of problem:

To ensure performance,the notification drawer should not render when closed. Currently it will render, but "display:none".  This does a lot of work creating DOM nodes and listeners that may have an impact on the page. Simpler list pages may not be affected, but complex pages such as monitoring that have charts and heavy visuals may experience greater impact.

Comment 1 Joe Caiani 2020-01-28 17:48:18 UTC
@bpeterse the polling still needs to occur so as to inform the notification badge with current alert states, but you are right, there is no need to display the contents of the drawer. Adding code to conditionally render the drawer contents.

Comment 2 Samuel Padgett 2020-02-05 15:51:18 UTC
We've profiled this, and the two main performance problems we've seen are:

1. Using `AsyncComponent`, which slows page load since the component will always be loaded. This causes the page to flicker full black with a loading icon on console load.
2. Unnecessary component renders due to hook dependencies changing every time.

We can evaluate the performance impact using CSS to hide the drawer has, but I think we should fix the clear problems we've seen during profiling first.

Comment 6 shahan 2020-03-03 02:39:33 UTC
Checked the notification works well with the performance improvement.

Comment 8 errata-xmlrpc 2020-05-04 11:27:29 UTC
Since the problem described in this bug report should be
resolved in a recent advisory, it has been closed with a
resolution of ERRATA.

For information on the advisory, and where to find the updated
files, follow the link below.

If the solution does not work for you, open a new bug report.


Note You need to log in before you can comment on or make changes to this bug.