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(a)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(a)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(a)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(a)lists.wikimedia.org
https://lists.wikimedia.org/mailman/listinfo/foreground