Closed Bug 1689156 Opened 4 years ago Closed 4 years ago

Slow tab switching on pages with long-running requestAnimationFrame handlers, like Slack

Categories

(Firefox :: Tabbed Browser, defect, P2)

defect

Tracking

()

RESOLVED FIXED
89 Branch
Performance Impact high
Tracking Status
firefox-esr78 --- unaffected
firefox86 --- wontfix
firefox87 --- wontfix
firefox88 --- wontfix
firefox89 --- fixed

People

(Reporter: mstange, Assigned: sefeng)

References

(Blocks 1 open bug, Regression)

Details

(Keywords: perf, perf:responsiveness, regression)

Attachments

(3 files)

I noticed long tab switch times when switching to my Slack tab.

It turns out Slack is running a lot of work (>= 1 second) during a requestAnimationFrame callback.
Our RenderLayers IPC message for the tab switch paint triggers a refresh tick. This is new behavior as of bug 1669239; in the past, it would only do the paint and not run the other phases of the refresh tick:
BrowserChild::RecvRenderLayers calls PuppetWidget::PaintNowIfNeeded, which has changed from doing just the paint to doing a full refresh tick.
So now every tab switch has the potential to run a lot more JS before the paint happens. This also applies to "PaintWhileInterruptingJS" paint, as far as I can tell. (Does this mean there's a potential to run rAF callbacks before other JS work has finished? Not sure.)

I've attached a testcase which demonstrates the tab spinner.

Attached file testcase (deleted) —
Type: enhancement → defect

I'm trying to find out if this regression was captured in telemetry.
Bug 1669239 landed on October 16, 2020.
Last build without: 20201015215335
First build with: 20201016094031

So far I can not find a "number of tab spinners" probe, or a "percentage of tab switches that showed a spinner" probe.

But I did find the following:

Whiteboard: [qf]

The regressing bug was pretty much a correctness fix though... The HTML spec and such assumes that painting to the screen is associated effectively with a full refresh driver tick...

I guess we could try to revert the regressing bug and somehow find another way to keep reporting correct performance paint timing metrics to content or what not.

Severity: -- → S3
Keywords: perf
Priority: -- → P2
Whiteboard: [qf] → [qf:p1:responsiveness]

Did we effectively break the explicit code we have for fast painting when switching tabs.
It on purpose didn't run any JS.

Yes, I think so.

Olli and I chatted about this.

We have 2 options.

  1. We could bring the old code back and manually schedule a paint, however, the FCP we exposed isn't going to be the real FCP.
  2. We could bring the old code back and allow FCP to be fired outside of ticks. Although this is going to expose the magic paint that we did for tab switches.

We think option 2 is the one we should go.

NI myself for making this change.

Flags: needinfo?(sefeng)

I thought we would create the entry for FCP at right time but update its timestamp when a real tick happens. That way web content wouldn't know about the magical tab switch paint.

Yeah, you are right. I think I forgot to say that we planned to tweak Option 2 by what you described.

Assignee: nobody → sefeng
Flags: needinfo?(sefeng)

In bug 1669239, we removed the magic paint which would occur during tab
switches, and instead we requested a tick. However, this approach
didn't work well because tick was a heavy operation which did not
only paints but also many other stuff, such as running
requestAnimationFrame handlers, so it made the tab switches slower
under certain conditions.

So here we reverts the changes we made in bug 1669239.

When running Geckoview headless tests, sometimes the only paint that the tests could get
was the very first paint during tab switches, however, this paint didn't come from tick,
so we didn't notify this paint before this patch.

This patch makes Geckoview starts to aware this paint.

Depends on D107858

Attachment #9208142 - Attachment description: Bug 1689156 - Allow firing MozFirstContentfulPaint event for Android even if paint doesn't come from Tick → Bug 1689156 - Don't generate first-contentful-paint if the paint doesn't come from Tick
Pushed by sefeng@mozilla.com: https://hg.mozilla.org/integration/autoland/rev/9bd3506f2809 Bring the fast tab switch paint back r=mstange,mattwoodrow https://hg.mozilla.org/integration/autoland/rev/40475e86e341 Don't generate first-contentful-paint if the paint doesn't come from Tick r=smaug
Status: NEW → RESOLVED
Closed: 4 years ago
Resolution: --- → FIXED
Target Milestone: --- → 89 Branch
Has Regression Range: --- → yes
Performance Impact: --- → P1
Whiteboard: [qf:p1:responsiveness]
You need to log in before you can comment on or make changes to this bug.

Attachment

General

Created:
Updated:
Size: