yts.mx - The page lacks CSS for a moment when accessed

[claudiu64]

URL: https://yts.mx/

Browser / Version: Firefox Mobile 114.0
Operating System: Android 11
Tested Another Browser: Yes Chrome

Problem type: Design is broken
Description: Items are misaligned
Steps to Reproduce:
When entering the website, the page does not load instantly, for a short time the screen is disturbing. With each refresh of the page it can be seen better. On Chrome the page loads instantly without disturbing the menu.

mobizen_20230528_163940.mp4

View the screenshot

Browser Configuration

• gfx.webrender.all: false
• gfx.webrender.blob-images: true
• gfx.webrender.enabled: false
• image.mem.shared: true
• buildID: 20230525180143
• channel: beta
• hasTouchScreen: true
• mixed active content blocked: false
• mixed passive content blocked: false
• tracking content blocked: false
• hasFastClick: true

View console log messages

From webcompat.com with ❤️

[softvision-raul-bucata]

We appreciate your report. I was not able to reproduce the issue. The page loads instantly.

Tested with:

Browser / Version: Firefox Beta 114.0b9 (2015952747-🦎114.0-20230525180143)🦎)
Operating System: Samsung A51 (Android 11) -1080 × 2400 pixels 20:9 aspect ratio (~405 ppi density)
Operating System: Google Pixel 3 (Android 12) -1080 x 2160 pixels, 18:9 ratio (~443 ppi density)

@claudiu64 Suggestion: Try clearing cache/data/cookies, disabling add-ons and Ad-blocker (if available) and extensions or use a clean profile, and check again? If there are any changes made to the default settings of the browser (e.g. in about:config) please revert to the default settings and try again. Also, have the required cookies been accepted for this page?

[qa_22/2023]

[claudiu64]

@softvision-raul-bucata Also test with Chrome browser and make a comparison by refreshing the page many times. At first, when the page loads, it can be seen for a little while, it happens quickly, the menu is cluttered and misaligned. I have tested with several phone models and it can be reproduced. I tested with new Firefox profile, no add-ons installed. I also attached a video in the post with the reproduction.

[softvision-raul-bucata]

@claudiu64 Please try using the latest build of Firefox Nightly.

[inv_22/2023]

[claudiu64]

@claudiu64 Please try using the latest build of Firefox Nightly.

[inv_22/2023]

I'm already using the latest version of Firefox Nightly and can still reproduce this. In Chrome, the page displays smoothly, but with Firefox there is a slight delay for the page to display correctly, to be properly aligned.

[softvision-raul-bucata]

@sv-calin Can you take a look at this, please?

[inv_22/2023]

[sv-calin]

It is reproducible on my Android 11 device.

yts.mx.mp4

Tested on:
• Browser / Version: Firefox Nightly 115.0a1-20230527212147 / Firefox Release 113.0.2-20230522134052 / Chrome 113.0.5672.77
• Operating System: OnePlus 6 A6000 (Android 11) - 1080 x 2280 pixels, 19:9 ratio (~402 ppi pixel density)

Notes:

1. Reproducible on both Firefox Release and Nightly regardless of the ETP status
2. Not reproducible on Chrome

Moving to Needsdiagnosis.

[inv_22/2023]

[denschub]

This is a brief Flash of Unstyled Content. We should investigate this closer and file a bug on Bugzilla.

[claudiu64]

@sv-calin @softvision-raul-bucata
This problem is also reproduced on another site, this site: https://www.xcinema.ro/romanesti?page=4

I have found many sites where this can be observed.

[sv-calin]

@claudiu64 Feel free to file a new bug report and we will look into it.

[inv_28/2023]