Change Details

//Note:// - the issue is reproducible in betalabs - the issue is the most noticeable on mobile Steps to Reproduce: 1. On Special:MediaSearch on 'commons wmf.13' perform a simple search - 'rose', 'snow' etc 2. Click on any of displayed image in the result set to see a card in QuickView. There will be a noticeable delay in the displaying the Quickview image. (click on the animated gif below) {F32386072} Acceptance Criteria: [] Add a greyed-out bg placeholder to the QuickView panel to preserve the appropriate amount of space until the image loads [] Investigate speeding up load time (e.g. we might want to try to get one of the more common thumbnail sizes and scale it down via CSS)

//Note:// - the issue is reproducible in betalabs - the issue is the most noticeable on mobile Steps to Reproduce: 1. On Special:MediaSearch on 'commons wmf.13' perform a simple search - 'rose', 'snow' etc 2. Click on any of displayed image in the result set to see a card in QuickView. There will be a noticeable delay in the displaying the Quickview image. (click on the animated gif below) {F32386072} Acceptance Criteria: [x] Add a greyed-out bg placeholder to the QuickView panel to preserve the appropriate amount of space until the image loads [x] Investigate speeding up load time (e.g. we might want to try to get one of the more common thumbnail sizes and scale it down via CSS)

//Note:// - the issue is reproducible in betalabs - the issue is the most noticeable on mobile Steps to Reproduce: 1. On Special:MediaSearch on 'commons wmf.13' perform a simple search - 'rose', 'snow' etc 2. Click on any of displayed image in the result set to see a card in QuickView. There will be a noticeable delay in the displaying the Quickview image. (click on the animated gif below) {F32386072} Acceptance Criteria: [x] Add a greyed-out bg placeholder to the QuickView panel to preserve the appropriate amount of space until the image loads [x] Investigate speeding up load time (e.g. we might want to try to get one of the more common thumbnail sizes and scale it down via CSS)