Page MenuHomePhabricator

MediaViewer blur effect should not happen when image is already loaded
Open, LowPublic

Description

MediaViewer applies a short blur transition to images when it displays them. The idea behind that is that loading images takes long, and to improve perceived performance we start with showing the thumbnail, resized to full screen, as a sot of transition effect; but that tends to have jarring artifacts, so we hide it behind a blur. This works decently, but there is no point to the blur when the image is already loaded. Whether an image is cached by the browser is not easy to establish (cache lookups are async and take a few milliseconds), but it would be trivial to check whether we already loaded the image in the same JS session (ie. the thumbnail provider promise is already fulfilled).

To reproduce, visit e.g. https://commons.wikimedia.org/wiki/Commons:Wiki_Loves_Monuments_2017_in_Italy/Finalists , open in MediaViewer and navigate back and forth between the first two images.

See also T71609: Test if replacing the blur effect with pixelation makes loading feel faster.

Event Timeline

Tgr created this task.Dec 15 2017, 10:25 PM
Restricted Application added a project: Multimedia. · View Herald TranscriptDec 15 2017, 10:25 PM
Restricted Application added a subscriber: Aklapper. · View Herald Transcript
Tgr updated the task description. (Show Details)Dec 15 2017, 10:26 PM
Ramsey-WMF triaged this task as Low priority.Dec 18 2017, 5:44 PM
Ramsey-WMF moved this task from Untriaged to Triaged on the Multimedia board.
simon04 moved this task from Backlog to Design on the MediaViewer board.Jun 10 2019, 7:07 AM
Tgr removed a subscriber: Tgr.Tue, Jul 9, 6:03 PM