Page MenuHomePhabricator

Optimize the size of the SVG en-wordmark
Closed, DeclinedPublic

Description

The SVG is 7kB and it seems to be bigger than the one in en.m.wikipedia.org

It should be at the very least as optimized as the one in production.

Tech

Either implement an SVG optimizer:

  • as a webpack loader: would benefit optimizing every SVG like the icons, preferred.
  • as a manual script to npm run.

MobileFrontend uses svgo, see .svgo.yml

Webpack resources:

AC

  • SVG is as optimized as the production one
  • SVG is optimized in the server render too

Note:

  • The wordmark will not be used for server-side renders in SVG form (post T177235).
  • The wordmark will be used on the client and server within an img tag (T180623).

Event Timeline

Niedzielski updated the task description. (Show Details)Nov 15 2017, 7:14 PM
Niedzielski updated the task description. (Show Details)Nov 15 2017, 7:20 PM

Change 391467 had a related patch set uploaded (by Niedzielski; owner: Sniedzielski):
[marvin@master] Chore: use Webpack for server production builds

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

Please also see the work at T178867 for recommended markup outcome.

Change 391467 merged by jenkins-bot:
[marvin@master] Chore: use Webpack for server production builds

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

Aklapper closed this task as Declined.May 14 2019, 1:11 PM
Aklapper added a subscriber: Aklapper.

Declining open Marvin tasks as per T203749#4605708