If we wanna speed up rendering of performance.wikimedia.org we can inline the CSS. You can easily do that with Jekyll if you just put the CSS in the include folder (see https://github.com/sitespeedio/sitespeed.io/blob/master/docs/_layouts/default.html#L43). That would work nice for bootstrap and over own CSS. To make it under the magic 14kb we need to clean up the CSS from metrics-graphics.
Description
Description
Details
Details
| Subject | Repo | Branch | Lines +/- | |
|---|---|---|---|---|
| Inline CSS for faster rendering | performance/docroot | master | +458 -6 |
| Status | Subtype | Assigned | Task | ||
|---|---|---|---|---|---|
| Declined | None | T99060 Create a dashboard of key user-centric metrics | |||
| Resolved | Peter | T161588 Rework https://performance.wikimedia.org | |||
| Resolved | Peter | T169176 Inline CSS for performance.wikimedia.org |
Event Timeline
Comment Actions
I think we don't need to uncss the metrics-graphics for now, zipping everything we get under the magic 14kb, lets try to just include them.
Comment Actions
And you can use the include relative: https://jekyllrb.com/docs/includes/ that will work just fine :)
Comment Actions
Change 362157 had a related patch set uploaded (by Phedenskog; owner: Phedenskog):
[performance/docroot@master] Inline CSS for faster rendering.
Comment Actions
Change 362157 merged by jenkins-bot:
[performance/docroot@master] Inline CSS for faster rendering