عرض سريع لمحتوى غير منسق

ومضة المحتوى غير المنسق ( FOUC ، أو ومضة النص غير المنسق ) ^{[ 1 ] [ 2 ]} هي حالة تظهر فيها صفحة الويب لفترة وجيزة بتنسيقات المتصفح الافتراضية قبل تحميل ملف CSS خارجي ، وذلك لأن محرك المتصفح يعرض الصفحة قبل استرجاع جميع المعلومات. ^{[ 3 ]} تُصحح الصفحة نفسها بمجرد تحميل قواعد التنسيق وتطبيقها؛ ومع ذلك، قد يكون هذا التغيير مُشتتًا للانتباه. تشمل المشكلات ذات الصلة ومضة النص غير المرئي وومضة النص الوهمي . ^{[ 1 ] [ 2 ]}

تم توثيق هذه المشكلة في مقال بعنوان "وميض المحتوى غير المنسق". ^{[ 4 ]} في البداية، بدا أن مشكلة وميض المحتوى غير المنسق تقتصر على متصفح إنترنت إكسبلورر، ولكنها ظهرت لاحقًا في متصفحات أخرى، ^{[ 5 ] [ 6 ]} ووُصفت منذ ذلك الحين بأنها " وباء سفاري ". ^{[ 7 ]}

لا تتأثر ومضة المحتوى غير المنسق بتغييرات إصدارات CSS أو HTML . تنشأ هذه المشكلة، التي لا تؤثر على المحتوى الأساسي، من مجموعة أولويات مُبرمجة في المتصفح. فبينما يجمع المتصفح HTML وجميع الملفات المساعدة المُشار إليها في الترميز، يقوم بإنشاء نموذج كائن المستند ( DOC) ديناميكيًا. وقد يختار المتصفح عرض النص أولًا بمجرد تحليله.

أصبحت ومضات المحتوى غير المنسق أكثر شيوعًا الآن، نظرًا لأن صفحات HTML باتت أكثر ميلًا للإشارة إلى العديد من أوراق الأنماط. غالبًا ما تتضمن صفحات الويب إشارات أنماط لوسائط أخرى غير شاشة المتصفح، مثل قواعد CSS الخاصة بالطابعات والأجهزة المحمولة. قد تستورد صفحات الويب طبقات من ملفات الأنماط، وتشير إلى أوراق أنماط بديلة. الإعلانات عبر الإنترنت والمحتوى الخارجي المُدرج، مثل مقاطع الفيديو ومحركات البحث، غالبًا ما تفرض قواعد أنماط خاصة بها ضمن كتلة التعليمات البرمجية الخاصة بها. تشجع الطبيعة المتتالية لقواعد CSS بعض المتصفحات على الانتظار حتى يتم جمع جميع مجموعات بيانات الأنماط قبل تطبيقها.

مع ظهور مكتبات جافا سكريبت مثل jQuery ، التي تُستخدم لتحديد وتطبيق أنماط صفحات الويب، أصبحت ومضات المحتوى غير المنسق أكثر وضوحًا. في محاولة لتجنب هذا المحتوى، قد يختار مطورو واجهات المستخدم إخفاء جميع المحتويات حتى يتم تحميل الصفحة بالكامل، وعندها يتم تشغيل معالج حدث التحميل ويظهر المحتوى. مع ذلك، قد يؤدي انقطاع التحميل إلى ظهور صفحة فارغة، وهو ما يُفضّل فيه عرض المحتوى غير المنسق.

لمحاكاة عرض محتوى غير منسق بشكل فوري، يمكن للمطورين استخدام إضافات للمتصفح قادرة على تعطيل CSS لصفحة الويب أثناء التشغيل. ومن هذه الإضافات Firebug وAsync CSS. وتشمل التقنيات الأخرى إيقاف تحميل مكونات CSS يدويًا. كما يُمكن استخدام أدوات حظر البرامج النصية.

في حين أنه بحلول عام 2016، تم تطوير العديد من التقنيات المختلفة لتجنب سلوكيات العرض غير المرغوب فيها، ^{[ 2 ]} إلا أن تغييرًا في سلوك العرض في متصفح جوجل كروم الإصدار 50، والذي بموجبه يتم منع أوراق الأنماط المُضافة بواسطة جافا سكريبت من حجب تحميل الصفحة، كما هو مطلوب في مواصفات HTML5 ، أعاد هذا الأمر إلى أنظار مُنشئي المواقع الإلكترونية، لا سيما مستخدمي Typekit ، وهو منتج لطباعة الويب من شركة Adobe Systems . ^{[ 1 ]} وفي غضون شهرين، قامت Adobe بتغيير طريقة تضمين خطوطها في مواقع الويب التابعة لجهات خارجية لتجنب سلوك العرض غير المرغوب فيه. ^{[ 8 ]}

• التحسين التدريجي