1807363 - Improve performance of async tab load when opening tabs tray

Status: NEW

(Fenix :: Tabs, task, P3)

Description

[Chris Peterson [:cpeterson]]

From github: https://github.com/mozilla-mobile/fenix/issues/11185.

Release criteria for opening tabs tray: Target 250ms from input to UI rendered. (note: 2x: entry points from browser and home screen are different)

In our performance analysis, we determined the tabs tray appears quickly enough but the tabs take a long time to appear. The duration they take to appear seems to at least somewhat tied to the number of tabs opened. On a GS5 with 8 open tabs, we're at 462ms, about 212ms longer than we want to be.

We should improve the performance of the async tab loading.

Speculation: perhaps the tabs take so long to appear because they're blocking on getting the tab previews before loading the tabs. If not, I'd expect loading tabs to be fast because it's just a bunch of strings.

If so, this is a problem: it'll get very unperformant with a large number of open tabs. We should load the tabs and asynchronously fetch the tab when they're needed.

---

The original text of this issue is described here.

Prerequisites

Open more than 10 websites in different tabs

Steps to reproduce

1. After opening twitter.com (12th tab)
2. Open the Tabs Tary
3. Tap any other open tab
4. Open the Tabs Tary
5. Tap and open another tab
6. Open the Tabs Tary
7. Swipe delete the first 3 open tabs

Expected behavior

Steps 4,6: Responsive Tabs Tray, displays properly the open tabs
Step 7: The tabs should be deleted

Actual behavior

Steps 4,6: Laggy display of the open tabs
Step 7: Empty space left in the Tabs Tray,
After a couple of seconds the tabs are displayed again as open and only after a couple of more seconds are properly deleted

Device information

• Android device: Google Pixel 3a (Android 10)
• Fenix version: Nightly Build 200603 from 6/3

Notes

<details>
<summary>Web site I've used (dropdown)</summary>

Home - YouTube
https://m.youtube.com/

Vimeo | The high-quality home for video hosting and watching
https://vimeo.com/

Dailymotion - the home for videos that matter
https://www.dailymotion.com/us

SoundCloud - Hear the world’s sounds
https://m.soundcloud.com/

Wikipedia
https://www.wikipedia.org/

Pocket: Explore
https://getpocket.com/explore?src=ff_android&cdn=0

Office 365 Login | Microsoft Office
https://www.office.com/

Microsoft – Pagina de pornire oficială
https://www.microsoft.com/ro-ro/

Internet for people, not profit — Mozilla
https://www.mozilla.org/en-US/exp/

Facebook - Log In or Sign Up
https://m.facebook.com/

Instagram
https://www.instagram.com/

Explore / Twitter
https://mobile.twitter.com/explore

</details>

► Video

┆Issue is synchronized with this Jira Task

Change performed by the Move to Bugzilla add-on.

Comment 1

[BugBot [:suhaib / :marco/ :calixte]]

The severity field is not set for this bug.
:cpeterson, could you have a look please?

For more information, please visit auto_nag documentation.