Closed Bug 1717355 Opened 3 years ago Closed 2 years ago

Unresponsive, slow loading of page content on braytech.org

Categories

(Core :: Layout: Grid, defect, P3)

Firefox 89
defect

Tracking

()

RESOLVED DUPLICATE of bug 1591366

People

(Reporter: yoasif, Unassigned)

References

Details

Attachments

(1 file)

From: https://www.reddit.com/r/firefox/comments/o3b3r4/why_is_firefox_failing/h2ci707/

Basic information

Steps to Reproduce:

  1. Open https://braytech.org/3/4611686018468513667/2305843009403076491/activity
  2. Open all activities on right side of screen by clicking on them

Expected Results:

In Chrome the reports open instantly without any delay and without the browser instance getting unresponsive.

Actual Results:

It took ages for each report to open and while FF struggled to open the reports, the whole FF instance became unresponsive.


More information

Profile URL: https://share.firefox.dev/2U8bPtF

Basic systems configuration:

OS version: Windows 10

GPU model: NVIDIA GeForce RTX 2080 Ti

Number of cores: 4

Amount of memory (RAM):

Thanks so much for your help.

Attached file about:support (deleted) —

This site has a lot of list elements and uses rAF which causes reflow in every tick. I notice Chrome is also dropping frames for me, however, they seem to be able to finish the layout much quicker than Firefox.

This seems to be a case where Chrome's reflow performance defeats Firefox.

Is this known Emilio, what do you think?

Flags: needinfo?(emilio)

The profile in comment 0 doesn't have native stacks. But on a profile with those we can see massively nested grid reflows: https://share.firefox.dev/3iULvxC

The page is doing something a bit silly that changes the page layout over and over and causes the issue to be so annoying, but this seems basically bug 1591366.

Blocks: 1591366
Component: Performance → Layout: Grid
Flags: needinfo?(emilio)
Severity: -- → S3
Priority: -- → P3

(In reply to Emilio Cobos Álvarez (:emilio) from comment #3)

The page is doing something a bit silly that changes the page layout over and over and causes the issue to be so annoying, but this seems basically bug 1591366.

Indeed, this was fixed (or at least improved) by bug 1591366.

For me, there's still a small delay when clicking to open activities, in both Firefox and Chrome. Before bug 1591366's fix, the delay feels closer to a second and feels more noticeable.

I tried capturing profiles in Nightly 2021-09-25 (just after bug 1591366 landed) with the relevant layout.css.grid-item-baxis-measurement.enabled pref enabled vs. disabled, and the profiles show repeated 100+ms reflows when the pref is disabled, vs. no substantial amount of reflow time when the pref is enabled.

--> Closing as a dupe of bug 1591366.

Status: NEW → RESOLVED
Closed: 2 years ago
Duplicate of bug: 1591366
Resolution: --- → DUPLICATE
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Creator:
Created:
Updated:
Size: