Various styles in the Minerva skin are redundant or are not critical. I'm creating a task for these as I've been having trouble getting time to focus on this within a sprint.
= Testing steps
Please do a general QA of the mobile site on http://reading-web-staging.wmflabs.org/, in particular the important workflows such as editing (without JS and with JS). Please ensure there are no visual regressions and if so that they are acceptable.
In particular the following should be checked for regressions:
* Search icon in mobile view and search icon inside Special:Search/SearchOverlay
* Check the last modified bar for any UI regressions, in particular when a page has recently been edited it should go green
* Check animations for lazy loaded images
* Check headers of all overlays - there shouldn't be any UI regressions there
* Check text truncation with long usernames in main menu and long last modified bar and in Special:Watchlist
* Check textareas inside editor workflows (e.g. talk overlay, edit overlay, edit without JavaScript enabled)
= Acceptance criteria
[x] Do not ship 2 versions of the same icon
Estimated savings: 0.2kb
We currently ship the magnifying glass icon twice in the mobile skin. Let's not do that!
[x] Do not send JavaScript-only styles as render blocking
Estimated savings: 0.2kb
Various classes are not used if JS is never loaded:
* .truncated-text
* .cloaked-element
* .position-fixed
* lazy loading related image css
* last modified active color
* overlay header styles
= Patches
~~[[ https://gerrit.wikimedia.org/r/444141 ]]~~
~~[[ https://gerrit.wikimedia.org/r/444134 ]]~~
~~[[ https://gerrit.wikimedia.org/r/444135 ]]~~
~~[[ https://gerrit.wikimedia.org/r/444138 ]]~~
~~[[ https://gerrit.wikimedia.org/r/444137 ]]~~
Textareas:
~~[[ https://gerrit.wikimedia.org/r/447968 ]]~~
~~[[ https://gerrit.wikimedia.org/r/444131 ]]~~
= Post merge analysis
These changes resulted in a 7.724kb drop in CSS on the beta cluster:
{F24189325}