www.twitch.tv - site is not usable

[MightyCreak]

URL: https://www.twitch.tv/andythefrenchy

Browser / Version: Firefox 91.0 Operating System: Fedora Tested Another Browser: Yes Chrome

Problem type: Site is not usable Description: Missing items Steps to Reproduce: Lots of bugs related to the page loading apparently. When loading the page after some time (e.g. a day), there are lots of loading errors in the twitch "modules". Also, if you subscribe to a channel, you should get a popup in the chat on the right side in order to share it but it never happens on Firefox, I have to load the page on Chrome to have it.

Browser Configuration

• None

From webcompat.com with ❤️

[MightyCreak]

To fix the modules loading errors, I need to hit Ctrl+F5 several times... at some point it loads the page without (visible) errors.

[softvision-oana-arbuzov]

Thanks for the report, but I'm not able to reproduce the issue. I did not see any loading errors in the console. Is there a different location where you can see the errors? (could you upload a screenshot with them?)

Related to "Subscription", I could not find any free channels, thus I'm not able to check the scenario. Whenever I click the "Subscribe" button a popup is displayed, but not in the chat. Do you know a free channel that I could subscribe to?

Tested with:by Browser / Version: Firefox Nightly 94.0a1 (2021-09-10) Operating System: Ubuntu 20.04.2

@MightyCrea could you try clearing cache/data/cookies, disable Ad-blocker (if available), or use a clean profile, and check again? Also if there are any changes made to default settings of the browser (e.g. in about:config) please revert to the default settings.

[MightyCreak]

Thanks for the report, but I'm not able to reproduce the issue. I did not see any loading errors in the console. Is there a different location where you can see the errors? (could you upload a screenshot with them?)

As soon as I've got the errors, I'll post a screenshot here (but I've had it lots of times, it's just that it apparently needs to wait some time before the bug appears again).

Do you know a free channel that I could subscribe to?

There are no free channels on Twitch, you need to at least pay for one month. I do have the same popup as you have before subscribing (i.e. paying), but once you've subscribed a in-chat popup should appear so that you can share it with the chat (and the streamer).

Since it involves money, I'll wait for the next subscription to take screenshots too.

@MightyCrea could you try clearing cache/data/cookies, disable Ad-blocker (if available), or use a clean profile, and check again? Also if there are any changes made to default settings of the browser (e.g. in about:config) please revert to the default settings.

• uBlock Origin is already disabled for Twitch
• I didn't try clearing the cache/data/cookies, but since I need to hit Ctrl+F5 several times in order to load the page properly, I guess there is a link with the caches
• I've had the issue even after clicking on the "Empty boot cache" and "Repair Firefox" buttons in about:support (the first and third buttons):

[MightyCreak]

Here's an example of the cache messing with Twitch's page loading:

First page load:

Same page, after a Ctrl+F5 (just F5 doesn't work):

[softvision-oana-arbuzov]

Thanks @MightyCreak for the extra info. Could you also check the console and post a screenshot with the logs here? Also could you record a performance profile while the issue occurs using https://profiler.firefox.com/ ?

[MightyCreak]

Ok, I'll try that! Gimme a few days to be able to reproduce it.

Just to be sure, I tried cleaning the cookies and cache and reload Twitch but there were no issues. That's why I think it is linked to some caching issue between Twitch and Firefox. Will provide more information ASAP.

[MightyCreak]

Ok so I got a few more "Failed to load this module", in the chat window this time.

I must admit, most errors (if not all) are coming from BetterTTV (a very well-known extension for Twitch) and seems to be related with CORS issues.

I also did a profile, you'll find it here: https://share.firefox.dev/3o2tHmS

As you will see, I load the page once (before starting the profiler) and have the "Failed to load this module" once. Then I started the profiler and hit F5 once and that's when I got a lot of errors in the chat.

[softvision-oana-arbuzov]

Thanks @MightyCreak for the info.

@karlcow could you have a look over the log and de recorder profile?

[MightyCreak]

Recently, the issue occurred on Chrome, but it happened once (for now) while it happens far more regularly on Firefox.

Edit: Like for instance, right now, I launched Twitch on Firefox and got the same error message again, here's the log:

I refreshed (F5) and still have the error, but the log is a bit longer (I don't keep the logs between refresh):

After the 5th refresh, the page loaded as expected.

[karlcow]

we could try to diagnose. I think TwitchTV might slightly be busy these last couple of hours.

[karlcow]

Yes so it doesn't seem to be exactly a webcompat issue. And that may be related to the extension: BetterTTV. Maybe @night has seen similar issues on https://github.com/night/betterttv/issues

[night]

BetterTTV is a red herring, since it loads Sentry and that wraps unhandled page errors for logging.

If you read the console it's pretty clear the issue is Twitch webpack chunks failing to load due to CORS errors. I would guess some kind of Twitch CDN or cache issue.

[MightyCreak]

I couldn't repro the subscription popup bug (now with Firefox 93). I'll keep updating this post for some time before closing it if everything eventually works as expected. Also I'll start using Firefox a bit more when watching Twitch, since it seems to work a bit better right now.

[softvision-oana-arbuzov]

@MightyCreak can you still reproduce the issues using the latest Firefox version?

[inv_20/2022]

[MightyCreak]

I mostly watch Twitch on Chrome nowadays :/

I can try again with a more recent version of Firefox and see if the issue still happens.

[softvision-raul-bucata]

@MightyCreak does the issue still reproduce on the latest build of Firefox Nightly?

[inv_39/2022]

[MightyCreak]

I've started watching Twitch on Firefox again for a few days. I did not have this issue yet.

I didn't use Firefox Nightly, but latest v105.0.1.

While Twitch doesn't seem unusable any more (as per this issue title), I do see issue with the video playback. Firefox often switches between 1080 and lower resolutions, I haven't seen this behaviour in Chrome, it seems like Chrome tries harder to keep the current resolution (if it makes sense). I've also seen several hiccups during playback: the video freezes and plays back again but a bit later in the stream, as if synchronization was lost.

[softvision-raul-bucata]

@MightyCreak That is a known issue. You can see updates on the issue here: https://github.com/webcompat/web-bugs/issues/67712.

Thank you for your report. If the issue happens again, please let us know. Your input is highly appreciated.

Since the originally reported issue is no longer reproducible, I will close this as WORKSFORME.

[inv_41/2022]