Hi Nischay

https://tools.pingdom.com/#!/dxXmf4/https://foreground.wikiproject.net/wiki/Main_Page

In actuality it's about 5% of the page load. Don't chase Google's page speed insights, technically has nothing to do with page speed. Minifying HTML is a joke, to what saving 10% of that actual load which is barely nothing. MediaWiki minifies CSS output already. 

Even Google is own site doesn't get a stellar mobile rating nor does Facebook and some of the other big ones. I have sites that I actually get flagged because Google analytics and their tag manager doesn't have a high enough expiration passed in its header. 

Quite frankly you do you want some CSS above the fold because you don't want to have a flash of unstyled content, https://en.wikipedia.org/wiki/Flash_of_unstyled_content. 

If you need to improve speed, a lot of it's going to have to do with your server hosting your site. Header expires, response, php caching, gzip compression of output, etc... 

Having said all the above, there is a mobile out module for resourceloader. It might be worth a look at ways to reduce js because that's the large target in loading a page. 

Tom


On Feb 28, 2017, at 3:05 AM, Nischay Nahata <nischayn22@gmail.com> wrote:

Hi,

I am trying to make my site load faster on mobile and consulting Google's PageSpeed tool for the same. I see that the styles loaded by Foreground skin is pretty huge. Any idea how we can work to reduce this?

See:
results for foreground wiki



Regards,
Nischay Nahata
_______________________________________________
Foreground mailing list
Foreground@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/foreground