Page MenuHomePhabricator

Inline CSS for performance.wikimedia.org
Closed, ResolvedPublic

Description

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.

Details

Related Gerrit Patches:
performance/docroot : masterInline CSS for faster rendering

Event Timeline

Peter created this task.Jun 29 2017, 7:56 AM
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 29 2017, 7:56 AM
Peter triaged this task as Medium priority.Jun 29 2017, 7:57 AM
Peter added a comment.Jun 29 2017, 8:44 AM

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.

Peter added a comment.Jun 29 2017, 8:45 AM

And you can use the include relative: https://jekyllrb.com/docs/includes/ that will work just fine :)

Change 362157 had a related patch set uploaded (by Phedenskog; owner: Phedenskog):
[performance/docroot@master] Inline CSS for faster rendering.

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

Aklapper renamed this task from Inline CSS for perfromance.wikimedia.org to Inline CSS for performance.wikimedia.org.Jun 29 2017, 9:07 AM

Change 362157 merged by jenkins-bot:
[performance/docroot@master] Inline CSS for faster rendering

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

Krinkle closed this task as Resolved.Jun 29 2017, 6:54 PM
Krinkle added a subscriber: Krinkle.

Nice!