בתכנות אתרים, הבזק תוכן לא מעוצב (באנגלית: Flash of unstyled content ובקצרה FoUC) אני מגדיר כטעינת קוד HTML ← כאשר בגלל בעיה, קוד ה-HTML הנטען איננו כולל קוד CSS וקוד JavaScript ולכן מופיע בצורה לא מעוצבת ולא אינטראקטיבית (לא אינטואיטיבית) למשתמש לפרק זמן מסוים ← בדרך כלל עד שנייה בודדה לכל היותר (אשר לאחריה הוא יופיע בסדר).
ככלל, במקרה שכזה, קוד עיצוב ייטען לאחר קוד המבנה ולא לפניו או יחד עימו.
סיבתיות אפשרית
לעתים, בשל היות קוד CSS וקוד JavaScript כבדים (ביחס למשאבי חומרה ו\או תוכנה), תהליך טעינת מבנה-מעוצב-מתנהג איטי מדי ואז יש המעדיפים לטעון (לפרסר, to parse) מבנים ללא כל עיצוב והתנהגות ורק לאחר שייטענו המבנים נטוליי עיצוב, ייטענו להם עיצוב והתנהגות.
מצב זה בעייתי שכן הוא גורם להבזק תוכן לא מעוצב.
כלומר, באופן כללי, עד חצי שנייה לערך, יופיעו מבנים סטטיים ולא מעוצבים על המסך והדבר יכול לפגוע בחוויית משתמש ואז אין מנוס אלא לפשט עיצוב או לשדרג חומרה.
הערות כלליות
- אם הבעיה מתחוללת למשל רק בדף אחד, במיוחד אם הדף נטען במהירות רבה, היא לרוב לא בעיה של ממש לחוויית משתמש.
- אם נטען טופס בטעינת AJAX (סוג של טעינת מידע שניתן לבצע עם שפת JavaScript), וה-CSS המשוייך לHTML של הטופס נטען יחד עם הטופס (ולא לפניכן) ← יתרחש FoUC, כי תחילה ייטען המבנה ורק לאחר מכן ה CSS, אין זו בהכרח בעיה, במיוחד אם מהירות הטעינה גבוהה ויש לבחון כל מקרה לגופו
תגובה