Last modified: 2014-08-15 21:14:28 UTC
On an image-heavy page like https://en.wikipedia.org/wiki/Switzerland, browsers hit the limit of maximum concurrent connections. It takes a very long time before all images are retrieved. This fact could have been made invisible if the assets required for rendering the top portion of the page were loaded first. Instead, we load the logo last, so it appears very late, and when it does it causes a reflow of the sidebar. Blech.
This could be solved by doing something like https://gerrit.wikimedia.org/r/#/c/98356/ (basically creates a separate RL module for the logo – still pending review :( ) and setting the new module to position=>top?
On second thought, maybe we should actually put #p-logo at the beginning of page HTML… I ended up doing that in [[mw:Skin:Example]] as a simple, sane way of rendering the logo. All other things equal, we should probably figure out which is the best from accessibility standpoint. A <img src=… alt="{{SITENAME}} logo"> instead of the weirdness we have now might actually make sense?
(I'm going to move this to Vector component because I bet no one wants to change all other skins. Many of them don't even display the logo.)