Twitter search page is janky

UNCONFIRMED
Unassigned

Status

()

Core
Layout
P3
normal
UNCONFIRMED
10 months ago
5 months ago

People

(Reporter: Asif Youssuff, Unassigned)

Tracking

57 Branch
Points:
---

Firefox Tracking Flags

(platform-rel ?, firefox57 wontfix, firefox58 affected)

Details

(Whiteboard: [platform-rel-Twitter])

(Reporter)

Description

10 months ago
User Agent: Mozilla/5.0 (X11; Linux x86_64; rv:57.0) Gecko/20100101 Firefox/57.0
Build ID: 20170810100255

Steps to reproduce:

1. Navigate to https://twitter.com/search?f=tweets&vertical=default&q=%22firefox%22&l=en&src=typd (I was logged in, but I don't think it matters)
2. Scroll down the page using spacebar scroll primarily
3. click on posts 
4. scroll up and down page using trackpad scroll
5. continue scrolling using spacebar


Actual results:

Janky scrolling, janky transition effects when clicking on posts and exiting from posts back to search results. 

This gets worse the longer I scroll down page. 


Expected results:

No jank, the page should have felt snappy throughout. 

Profile attached (was unable to upload using Gecko profiler).

Updated

10 months ago
Component: Untriaged → Layout
Product: Firefox → Core
(Reporter)

Comment 1

10 months ago
Looks like the file, even when 7zipped is too large for bugzilla.

Uploaded to my Dropbox: https://www.dropbox.com/s/ew08hnox8kkszko/Firefox%202017-08-10%2019.50%20profile.sps.7z?dl=0
(Reporter)

Comment 2

10 months ago
Noticed Mike Conley looking for feedback on Twitter UI, so needinfo-ing him. Sorry Mike!

https://twitter.com/mike_conley/status/731124612919070720
Flags: needinfo?(mconley)
Thanks for the profile!

Looks like this is mostly reflow.

As you scroll down Twitter, more and more DOM nodes get added to the page, and the page becomes proportionally more expensive to reflow - which is what occurs when even more things get added to the DOM (which is what happens when you scroll to the bottom of the page). Those reflows block the main thread, and seem to take > 100ms when they occur towards the end of the profile.

These reflows might account for the janky-ness you're seeing. I'm not seeing much else in here, but I'm queuing for analysis anyways.
Flags: needinfo?(mconley)

Updated

9 months ago
Priority: -- → P3

Updated

9 months ago
status-firefox57: --- → wontfix
(Reporter)

Updated

8 months ago
status-firefox58: --- → affected
platform-rel: --- → ?
Whiteboard: [platform-rel-Twitter]
You need to log in before you can comment on or make changes to this bug.