HomePhabricator

Reduce flash of unstyled content appearance

Description

Reduce flash of unstyled content appearance

FOUT is made more obvious by the recent async loading change.

Shuffled some CSS around so that it can be loaded with addModuleStyles.
Load jquery.uls.grid with addModuleStyles and remove from explicit
dependencies.

Tweaked group selector CSS to retain display with different style
loading order.

Moved some non-TUX CSS to separate file to not load it on most requests.

In message table hide part of the output until JS is loaded.

Load tabgroup with addModuleStyles as it only contains CSS which needs
to be applied immediately to avoid FOUT.

Tested by loading Special:Translate and Special:SearchTranslations without
JS support and verifying the output looks (almost) similar to that of fully
loaded page with JS enabled.

Change-Id: Ib5d4d97a3c9e56019b9b36b31d5b1fb4611f4ca2

Details

Provenance
NikerabbitAuthored on
Amire80Committed on Sep 1 2015, 9:47 AM
Parents
rETRA17e2ac35a791: Localisation updates from https://translatewiki.net.
Branches
Unknown
Tags
Unknown
ChangeId
Ib5d4d97a3c9e56019b9b36b31d5b1fb4611f4ca2