Page MenuHomePhabricator

docs: Reduce pageload by reducing certain images above 400kb
Closed, ResolvedPublic2 Estimated Story Points

Description

Background

As reported several weeks ago, a few images on the Codex doc site are far off the sizing charts due to containing binary images.

image.png (348×1 px, 119 KB)

Goal

Spun out of T349041, let's bring the outlier image assets down to maximum 400kb.
After I've shared the issue, @bmartinezcalvo has provided alternatives to the existing images in question.

Acceptance criteria

  • Reduce image sizes to below 400kb:
  • dialog-specifications-overlay
  • dialog-specifications-max
  • progress-bar-types-base
  • tabs-types-quiet
  • tab-types-quiet
  • text-area-types-grabber.svg Note that, I've reduced numeral precision to 3 in order to get this under 300kb

Update:
The last optimizations brought me on an probably even better path, putting number precision down to 2, as most images are anyways full-width and even on a HiDPI screen should be crisp with this setting.
Bringing down the image data (macOS file size info!) from 21 MB to 6.6 MB for 166 images.

Event Timeline

Change 970465 had a related patch set uploaded (by VolkerE; author: VolkerE):

[design/codex@main] docs: Optimize formerly oversized and binary containing SVG images

https://gerrit.wikimedia.org/r/970465

Change 970465 merged by jenkins-bot:

[design/codex@main] docs: Optimize formerly oversized and binary containing SVG images

https://gerrit.wikimedia.org/r/970465

Change 972074 had a related patch set uploaded (by VolkerE; author: VolkerE):

[design/codex@main] docs: Reduce size of text-area-types-autosize.svg

https://gerrit.wikimedia.org/r/972074

Change 972074 merged by jenkins-bot:

[design/codex@main] docs: Reduce size of 'text-area-types-*.svg'

https://gerrit.wikimedia.org/r/972074

Change 972687 had a related patch set uploaded (by Catrope; author: Catrope):

[mediawiki/core@master] Update Codex from v1.0.0 to v1.0.1

https://gerrit.wikimedia.org/r/972687

Change 972687 merged by jenkins-bot:

[mediawiki/core@master] Update Codex from v1.0.0 to v1.0.1

https://gerrit.wikimedia.org/r/972687

Volker_E triaged this task as High priority.
Volker_E updated the task description. (Show Details)