Флеши ношидани номуносо (FOUC) чист?

Флеши аз мундариҷаи бе стили (FOUC) — ин намоиши кӯтоҳмуддати мундариҷаи вебсафҳаи дар браузер пеш аз татбиқи услубҳои CSS мебошад. Ин ба сабаби боркунии пайдарпай ва коркарди захираҳо рӯй медиҳад. Браузер аввал HTML-ро парс мекунад ва оғоз ба намоиш медиҳад, сипас услубҳоро аз файлҳои CSS ё <style> бор мекунад ва татбиқ мекунад. Дар ин фосила, корбар HTML-ро бидуни формат мебинад.

Сабабҳои FOUC:

• Суръати пасти шабака: Пайвасти суст вақти боркунии CSS-ро зиёд мекунад.
• Ҳаҷми калонтарини CSS: Ҳадди ақал, ҳар қадар андозаи услубҳо калонтар бошад, ҳамон қадар вақти боркунӣ ва таҳлилашон зиёд мешавад.
• Услубҳои бандкунанда: Агар услубҳо пас аз HTML пайваст шаванд, браузер метавонад пеш аз боркунии пурра оғоз ба рендеринг кунад.
• JavaScript, ки CSS-ро тағйир медиҳад: Скриптҳое, ки услубҳоро динамикӣ илова ё тағйир медиҳанд, метавонанд FOUC-ро ба вуҷуд оранд.

Сценарияҳои маъмулӣ барои FOUC:

• Матн бо шрифти стандартии браузер нишон дода мешавад ва сипас ба шрифти дар CSS муайяншудаи шитоб мекунад.
• Элементҳо ҷойгиршавӣ ё намоёнӣ худро аз даст медиҳанд.
• Маҳзагузорӣ (layout)