1505843 - Slow page loading for /studio.youtube.com

Status: RESOLVED WORKSFORME

(Web Compatibility :: Site Reports, defect, P3)

Description

[Cristian Fogel [:cfogel]]

Attachment: loadingYoutubeStudio.gif

[Affected versions]:
- Firefox: 60.3.0esr,  63.0.1, 64.0b7, 65.0a1 (2018-11-05)

[Affected platforms]:
- Win10x64, macOS 10.12, Ubuntu 18.04;

[Steps to reproduce]:
1. Launch Firefox;
2. Access https://youtube.com/
3. Log in with a valid account;
4. Access the following link: https://studio.youtube.com/

[Expected result]:
- the Youtube (beta) studio is loaded;

[Actual result]:
- the page load time is double compared to other browsers;
- the Loading Youtube Studio message is displayed

[Regression range]:
- could only get the following results with mozregression:
- last good: 2017-09-20; changeset: ca7d18dbacbf103d74a3213d8d08a7c3e4def9a2
- first bad: 2017-09-19; changeset: 319a34bea9e4f3459886b5b9e835bd338320f1fd

[Additional notes]:
- versions pre-bad date load in about maximum 10 seconds, affected versions load in 15-20 seconds;
- attached recording with the issue, both pages where loaded before the recording; same results with fresh profiles;
- might need to be reassigned to a more suitable section;

Comment 1

[Olli Pettay [:smaug][[e-mail]]]

Could you create a performance profile? http://perf-html.io/

So far nothing hints about DOM Events.

Comment 2

[Olli Pettay [:smaug][[e-mail]]]

https://hg.mozilla.org/mozilla-central/pushloghtml?fromchange=319a34bea9e4f3459886b5b9e835bd338320f1fd&tochange=ca7d18dbacbf103d74a3213d8d08a7c3e4def9a2

Comment 3

[Stuart Philp :sphilp]

There is a noticeable delay of ~4 seconds on Firefox that doesn't exist on Chrome, this is basically from the "Loading Youtube Studio..." message until the page actually loads.

Inspecting the final HTML documents on each browser, there are quite a few differences, but most seem to be CSS related. There is however a block of js which is only served to Firefox:

><script nonce="">var createApp = function(e) {if (e) {window.removeEventListener('HTMLImportsLoaded', createApp);}var js = document.createElement('script');js.crossorigin = 'anonymous';js.src = 'https://www.youtube.com/s/creator/f3485c4f/creator_studio_polymer.js';js.setAttribute('name', 'creator_studio_polymer/creator_studio_polymer');document.body.appendChild(js);};if (window.HTMLImports && window.HTMLImports.ready) {createApp();} else {window.addEventListener('HTMLImportsLoaded', createApp);}if (window.Polymer && Polymer.RenderStatus) {Polymer.RenderStatus.whenReady(function() {if (window.ytcsi) {window.ytcsi.tick("apr", null, '');};        });}if (window.ytcsi) {window.ytcsi.tick("ac", null, '');};</script>

Looking into the polymer script there is also mention of a "firefoxSilentErrorTimeout", tho not sure what it does atm.

Comment 4

[Olli Pettay [:smaug][[e-mail]]]

Hmm, something to do with HTML Imports polyfill? HTML Imports is a Google only API, obsolete and will not be implemented by anyone else.
But I would have expected that to be loaded also in Safari and Edge, but based on the comment it isn't.

Comment 5

[Cristian Fogel [:cfogel]]

(In reply to Olli Pettay [:smaug] (high review load) from comment #1)
> Could you create a performance profile? http://perf-html.io/
> 
> So far nothing hints about DOM Events.

https://perfht.ml/2JR2FbO

Comment 6

[Olli Pettay [:smaug][[e-mail]]]

So, looks like the webcomponents polyfill is taking lots of time. We can't really change that.
Youtube will move to use v1 APIs which also Gecko and Webkit implement.
So, this is either tech evangelism bug or JS bug (since polymer is taking lots of time to execute).

Comment 7

[Daniel Bodea [:danibodea]]

According to the comment above, I am setting this bug's component as (Tech Evangelism) Desktop.
If this component turns out to be incorrect, please try to find a better component.
Thank you.

Comment 8

[Mike Taylor [:miketaylr]]

AFAIK, YouTube is rolling out a new Polymer version in the near future. Let's check back once that's done.

Comment 9

[Cristian Fogel [:cfogel]]

Updating for the current RC build. Nothing new from YouTube yet.

Comment 10

[Oana Arbuzov [:oanaarbuzov]]

I can't reproduce the issue on my side, YouTube studio loads fast similar to Chrome.

Tested with:
Browser / Version: Firefox Nightly 87.0a1 (2021-01-25)
Operating System: Windows 10 Pro

Cristian are you still able to reproduce it?

Comment 11

[Cristian Fogel [:cfogel]]

Indeed, it appears to be consistent across browsers now.

Verified it as well, over on Windows 10 and macOS 11.
Loading speed for both Chrome VS Firefox appears to be roughly the same.