1396943 - Setting preview images slows down list rendering

Status: RESOLVED INVALID

(DevTools :: Netmonitor, enhancement)

Description

[:Harald Kirschner :digitarald]

When switching filters on a long list of entries (HTML to All), the rendering takes up to 1s on my fast MBP.

https://perfht.ml/2f02zAm

Setting the images seems to be the biggest bottleneck. I can see 2 options:

1) Throtte/debounce setting images, so the list is first updated and images are dropped in later.
2) Review how images are set and maybe optimize async ahead of setting them

Other findings: React has also overhead for creating children. A possible experiment would be to hide filtered entries vs not rendering them?

Comment 1

[:Harald Kirschner :digitarald]

Maybe related to 1356536.

Comment 2

[:Harald Kirschner :digitarald]

Bug 1356536.

Comment 3

[Jan Honza Odvarko [:Honza] (always need-info? me)]

(In reply to :Harald Kirschner :digitarald from comment #1)
> Maybe related to 1356536.
Yes, I am thinking about removing the little previews altogether, so we don't have to request all response bodies (image data) during page load. This is one of the things that would help to improve Net panel performance.

We can still use Tooltips (the image data would be fetched from the backend on demand when the tooltip actually opens)

Not sure how important are these previews from product perspective.

Honza

Comment 4

[Jan Honza Odvarko [:Honza] (always need-info? me)]

Image previews removed, closing
Honza