When we are on mobile, we are getting the image in its full size.
This specific image weighs 8MB and takes a few seconds to load depending on the internet connection speed.
We should get a smaller image depending on the device we are using.
NOTE: For QA: Please see T360589: De-fragment thumbnail sizes in mediawiki - the image sizes may differ due to bucketing.
Derived Requirement
Ensure that when accessing the New Translation feature on mobile, images are dynamically resized to an appropriate, smaller resolution based on the device being used, improving load times and performance.
Test Steps
Test Case 1: Verify image size varies by device resolution
- Open Wikipedia on different devices (or use DevTools to simulate various screen sizes).
- Navigate to the New Translation feature.
- Check the image resolution loaded in each case.
- ✅❓❌⬜ AC1: Ensure the image resolution dynamically adjusts based on the device screen size.
Test Case 2: Check image loading performance
- Open Wikipedia on a mobile device with a slow network (e.g., 3G).
- Navigate to the New Translation feature.
- Measure the time taken for the image to load.
- ✅❓❌⬜ AC2: Verify that the image loads quickly and does not significantly delay the page rendering.
QA Results - Test Wiki
| AC | Status | Details |
|---|---|---|
| 1 | ✅ | T284422#10643009 |
| 2 | ✅ | T284422#10643009 |
