अनस्टाइलड विषयवस्तु का फ्लैश

बिना स्टाइल वाली सामग्री का एक फ्लैश (या बिना स्टाइल वाला टेक्स्ट का फ्लैश, FOUC) एक ऐसा उदाहरण है जहां एक बाहरी सीएसएस स्टाइलशीट लोड करने से पहले एक  वेब पृष्ठ  ब्राउज़र की डिफ़ॉल्ट शैलियों के साथ संक्षिप्त रूप से प्रकट होता है, क्योंकि वेब ब्राउज़र इंजन सभी जानकारी प्राप्त करने से पहले पेज को प्रस्तुत करता है। जैसे ही शैली नियम लोड और लागू होते हैं, पृष्ठ स्वयं को सुधार लेता है; हालाँकि, पारी विचलित करने वाली हो सकती है। संबंधित समस्याओं में अदृश्य टेक्स्ट का फ्लैश और नकली टेक्स्ट का फ्लैश शामिल है।

तकनीकी जानकारी
इस मुद्दे को फ्लैश ऑफ अनस्टाइल्ड कंटेंट नाम के एक लेख में दर्ज किया गया था। सबसे पहले, FOUC इंटरनेट एक्सप्लोरर के लिए एक अद्वितीय ब्राउज़र समस्या प्रतीत हुई लेकिन बाद में अन्य ब्राउज़रों में स्पष्ट हो गई, और उसके बाद से एक सफारी (वेब ​​​​ब्राउज़र) महामारी के रूप में वर्णित किया गया है। सीएसएस या एचटीएमएल संस्करणों में बदलाव के लिए अशैली वाली सामग्री का एक फ्लैश उदासीन है। यह समस्या, जो मूल सामग्री को अप्रभावित छोड़ देती है, ब्राउज़र में क्रमादेशित प्राथमिकताओं के एक सेट से उत्पन्न होती है। जैसे ही ब्राउज़र HTML और मार्कअप में संदर्भित सभी सहायक फ़ाइलों को एकत्र करता है, ब्राउज़र तुरंत दस्तावेज़ ऑब्जेक्ट मॉडल बनाता है। ब्राउजर पहले टेक्स्ट प्रदर्शित करना चुन सकता है ताकि वह सबसे तेज पार्स कर सके।

अनस्टाइल्ड सामग्री की चमक अब अधिक प्रचलित है कि HTML पेज कई स्टाइल शीट को संदर्भित करने के लिए अधिक उपयुक्त हैं। वेब पृष्ठों में अक्सर ब्राउज़र स्क्रीन के अलावा अन्य मीडिया के शैली संदर्भ शामिल होते हैं, जैसे प्रिंटर और मोबाइल उपकरणों के लिए CSS नियम। वेब पृष्ठ शैली फ़ाइलों की परतें आयात कर सकते हैं, और वैकल्पिक शैली पत्रक का संदर्भ दे सकते हैं। ऑनलाइन विज्ञापन और अन्य डाली गई ऑफसाइट सामग्री, जैसे वीडियो और सर्च इंजन, अक्सर अपने कोड ब्लॉक के भीतर अपनी शैली के नियमों को निर्धारित करते हैं। सीएसएस नियमों की व्यापक प्रकृति कुछ ब्राउज़रों को तब तक प्रतीक्षा करने के लिए प्रोत्साहित करती है जब तक कि उन्हें लागू करने से पहले सभी स्टाइल डेटासेट एकत्र नहीं किए जाते।

जावास्क्रिप्ट पुस्तकालय जैसे कि jQuery के आगमन के साथ जिसे वेब पेज की स्टाइल को और परिभाषित करने और लागू करने के लिए नियोजित किया जा सकता है, अनस्टाइल सामग्री की चमक भी अधिक प्रमुख हो गई है। अनस्टाइल वाली सामग्री से बचने के प्रयास में, फ्रंट-एंड डेवलपर्स पूरी तरह से लोड होने तक सभी सामग्री को छिपाने का विकल्प चुन सकते हैं, जिस बिंदु पर एक लोड इवेंट हैंडलर ट्रिगर होता है और सामग्री दिखाई देती है, हालांकि लोडिंग में रुकावट एक खाली पृष्ठ छोड़ सकती है, जिसके लिए बिना स्टाइल वाली सामग्री बेहतर होगी। अनस्टाइल वाली सामग्री के फ्लैश का अनुकरण करने के लिए, डेवलपर्स ब्राउज़र ऐड-ऑन का उपयोग कर सकते हैं जो फ्लाई पर वेब पेज के सीएसएस को अक्षम करने में सक्षम हैं। फायरबग (सॉफ्टवेयर) और Async CSS ऐसे ऐड-ऑन हैं। अन्य तकनीकों में मैन्युअल रूप से किसी पृष्ठ को CSS घटकों की लोडिंग को पूरा करने से रोकना शामिल है। एक अन्य विकल्प स्क्रिप्ट-ब्लॉकिंग टूल का उपयोग करने पर जोर देता है। हालांकि, 2016 तक, अवांछित प्रदर्शन व्यवहारों से बचने के लिए कई अलग-अलग तकनीकों का विकास किया गया था, Google क्रोम संस्करण 50 में प्रतिपादन व्यवहार में बदलाव, जिससे जावास्क्रिप्ट द्वारा इंजेक्ट की गई स्टाइलशीट को आप ऊब जाएंगे 5 विनिर्देश द्वारा आवश्यक पृष्ठ लोडिंग को अवरुद्ध करने से रोका जाता है, जिससे वेबसाइट निर्माताओं के ध्यान में फिर से स्थिति आ जाती है, विशेष रूप से प्रकार  के उपयोगकर्ता प्रभावित होते हैं, एक वेब टाइपोग्राफी उत्पाद एडोब सिस्टम्स से। 2 महीने के भीतर, अवांछित प्रतिपादन व्यवहार से बचने के लिए Adobe ने अपने फोंट को तीसरे पक्ष की वेबसाइटों में शामिल करने के तरीके को बदल दिया था।

यह भी देखें

 * प्रगतिशील वृद्धि