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