Page MenuHomePhabricator

Delayed Image Rendering on Reload with Firefox
Closed, DuplicatePublicBUG REPORT

Description

With MediaWiki 1.44/wmf.18 I observe some "delayed images" when I reload pages in Firefox:

  1. The "glasses symbol" for Appearance is replaced by a black square for a tiny moment
  2. For some images there is a slight delay (first only the label is shown). I could not see this effect with Chrome or Edge.

For the main page of de.Wikipedia the effect is there for one image. Using the firefox debugger I found a message for this image:
Referrer Policy: Die weniger eingeschränkte Referrer Policy "origin-when-cross-origin" für die Website-übergreifende Anfrage wird ignoriert: https://upload.wikimedia.org/wikipedia/commons/thumb/c/c2/Wahlkampf_Landtagswahl_NRW_2022_-_SPD_-_Roncalliplatz_K%C3%B6ln_2022-05-13-4265_Crop_3.jpg/89px-Wahlkampf_Landtagswahl_NRW_2022_-_SPD_-_Roncalliplatz_K%C3%B6ln_2022-05-13-4265_Crop_3.jpg

There is also one warning in the JavaScript console:

This page is using the deprecated ResourceLoader module "mediawiki.Uri". [1.43] Please use browser native URL.

Event Timeline

Kallichore renamed this task from Delayed Page Image Rendering on Reload with Firefox to Delayed Image Rendering on Reload with Firefox .Feb 28 2025, 9:03 AM
Kallichore edited projects, added Wikimedia-production-error; removed PageImages.
Kallichore updated the task description. (Show Details)
Restricted Application changed the subtype of this task from "Bug Report" to "Production Error". · View Herald TranscriptFeb 28 2025, 9:03 AM
Aklapper changed the subtype of this task from "Production Error" to "Bug Report".Feb 28 2025, 10:03 AM

The "glasses symbol" for Appearance is replaced by a black square for a tiny moment

Sounds similar to T387351: [regression] ToC icons appears as black squares while assets are loading.

Here is a screenshot of the problem (3 delayed images + black square problem; 1 image without the problem):

en.Wikipedia_start_page_reload_issue_Firefox.jpg (1×1 px, 280 KB)

If this is a common problem, then checking the Network tab of the web browser's Developer Tools would be welcome to get a load chart

Krinkle added a project: Web-Team.
Krinkle subscribed.

This is about an icon and some CSS code in the Vector skin.

This is unrelated to ResourceLoader delivering the CSS code as written.

The JavaScript warning is also unrelated.

Using the Network tab of Firefox I saw a delay for images with status 304. In the following example there is a 292 ms delay for an image on the de.wiki starting page. It can be seen that this time is used for waiting:

Status_304_delay.jpg (415×1 px, 123 KB)

This effect is there for all skins. I find it interesting that I don't see this effect for the start pages of many other wikis, but for de.wiki and en.wiki.