If you put a webpage on Google's PageSpeed Insights, it tells you to avoid using any CSS on the head and instead use inline CSS to render the above the fold part (at least). I understand that there would be a small blink for the rest of the page as the CSS loads afterwards.

You can read more here: https://developers.google.com/speed/docs/insights/OptimizeCSSDelivery

Regards,
Nischay Nahata

On Wed, Jul 18, 2018 at 11:04 PM Tom Hutchison <tom@hutch4.us> wrote:

What are you trying to accomplish? The styles are there for a purpose and Foreground relies on Foundation CSS or it will break.

 

Tom

 

From: Foreground <foreground-bounces@lists.wikimedia.org> On Behalf Of Nischay Nahata
Sent: Wednesday, July 18, 2018 6:46 AM
To: Discussion about the Mediawiki skin Foreground (https://www.mediawiki.org/wiki/Skin:Foreground) <foreground@lists.wikimedia.org>
Subject: [Foreground] Removing render blocking CSS

 

Hi Everyone,

 

I am trying to modify the skin to remove the CSS links in head, specifically the "site" module and the "skins.foreground.styles" and instead add inline CSS for the top-bar.

 

Any recommendations?

Regards,
Nischay Nahata

_______________________________________________
Foreground mailing list
Foreground@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/foreground

_______________________________________________
Foreground mailing list
Foreground@lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/foreground