अनस्टाइलड विषयवस्तु का फ्लैश: Difference between revisions
From Vigyanwiki
(Created page with "{{short description|Phenomenon in web browsers}} File:Wikipedia FOUC.png|thumb|विकिपीडिया के मुख्य पृष्ठ को लोड कर...") |
(TEXT) |
||
| Line 1: | Line 1: | ||
{{short description|Phenomenon in web browsers}} | {{short description|Phenomenon in web browsers}} | ||
[[File:Wikipedia FOUC.png|thumb|विकिपीडिया के मुख्य पृष्ठ को | [[File:Wikipedia FOUC.png|thumb|विकिपीडिया के मुख्य पृष्ठ को उद्भार करते समय एफओयूसी।]]अनस्टाइलड विषयवस्तु का एक फ्लैश (या अनस्टाइलड पाठ का फ्लैश, एफओयूसी) <ref name="Typekit 2016-06-03">{{cite web |url=http://blog.typekit.com/2016/06/03/regarding-the-flash-of-unstyled-text-in-chrome-50/ |title=Regarding the Flash of Unstyled Text in Chrome 50 |author=Tim Brown |work=[[Typekit|Adobe Typekit]] blog |publisher=[[Adobe Systems]] |date=3 June 2016 |accessdate=9 August 2016 |url-status=dead |archiveurl=https://web.archive.org/web/20160901034112/https://blog.typekit.com/2016/06/03/regarding-the-flash-of-unstyled-text-in-chrome-50/ |archivedate=Sep 1, 2016 }}</ref><ref name="CSS Tricks 2015-08-01">{{cite web |author=Coyier |first=Chris |date=1 April 2015 |title=फूट, एफओआईटी, एफओएफटी|url=https://css-tricks.com/fout-foit-foft/ |url-status=live |archive-url=https://web.archive.org/web/20200815230258/https://css-tricks.com/fout-foit-foft/ |archive-date=15 August 2020 |accessdate=9 August 2016 |work=CSS Tricks}}</ref> एक ऐसा उदाहरण है जहां एक बाहरी [[सीएसएस स्टाइलशीट]] उद्भार करने से पहले एक [[ वेब पृष्ठ |वेब पृष्ठ]] ब्राउज़र की व्यतिक्रम शैलियों के साथ संक्षिप्त रूप से प्रकट होता है, क्योंकि [[वेब ब्राउज़र इंजन]] सभी जानकारी प्राप्त करने से पहले पेज को प्रस्तुत करता है। <ref>{{Cite web |first=Ryan |last=Boudreaux |date=October 18, 2013|title=अपनी वेबसाइटों पर अनस्टाइल्ड सामग्री के फ्लैश को कैसे रोकें|url=https://www.techrepublic.com/blog/web-designer/how-to-prevent-flash-of-unstyled-content-on-your-websites/ |access-date=2021-10-09 |website=TechRepublic |language=en |archive-date=2021-03-05 |archive-url=https://web.archive.org/web/20210305133101/https://www.techrepublic.com/blog/web-designer/how-to-prevent-flash-of-unstyled-content-on-your-websites/ |url-status=live }}</ref> जैसे ही शैली नियम उद्भार और लागू होते हैं, पृष्ठ स्वयं को सुधार लेता है; हालाँकि, पारी विचलित करने वाली हो सकती है। संबंधित समस्याओं में अदृश्य टेक्स्ट का फ्लैश और नकली टेक्स्ट का फ्लैश सम्मिलित है। <ref name="Typekit 2016-06-03"/><ref name="CSS Tricks 2015-08-01"/> | ||
== तकनीकी जानकारी == | == तकनीकी जानकारी == | ||
इस | इस प्रचालन को फ्लैश ऑफ अनस्टाइल्ड कंटेंट नाम के एक लेख में दर्ज किया गया था। <ref>{{cite web |title=अनस्टाइल्ड कंटेंट का फ्लैश (FOUC)|url=http://www.bluerobot.com/web/css/fouc.asp/ |publisher=Blue Robot |date=2001 |accessdate=12 October 2012 |url-status=dead |archiveurl=https://web.archive.org/web/20150513055019/http://www.bluerobot.com/web/css/fouc.asp/ |archivedate=May 13, 2015 }}</ref> सबसे पहले, एफओयूसी [[इंटरनेट एक्सप्लोरर]] के लिए एक अद्वितीय ब्राउज़र समस्या प्रतीत हुई लेकिन बाद में अन्य ब्राउज़रों में स्पष्ट हो गई, <ref>{{cite web |last=Winner |first=Judith |date=2010-04-19 |title=अनस्टाइल्ड कंटेंट का फ्लैश (FOUC)|url=https://bugzilla.mozilla.org/show_bug.cgi?id=560232 |url-status=live |archive-url=https://web.archive.org/web/20161105121541/https://bugzilla.mozilla.org/show_bug.cgi?id=560232 |archive-date=5 November 2016 |accessdate=14 October 2016 |publisher=Bugzilla@Mozilla}}</ref><ref>{{cite web |title=क्रोमियम बग जिसमें 'FOUC' है|publisher=bugs.chromium.org |url=https://bugs.chromium.org/p/chromium/issues/list?can=1&q=fouc&sort=id |accessdate=14 October 2016 |archive-date=18 October 2016 |archive-url=https://web.archive.org/web/20161018231418/https://bugs.chromium.org/p/chromium/issues/list?can=1&q=fouc&sort=id |url-status=live }}</ref> और उसके बाद से एक [[सफारी (वेब ब्राउज़र)]] महामारी के रूप में वर्णित किया गया है। <ref>{{cite web |title=एफओयूसी समस्या|url=https://www.webkit.org/blog/66/the-fouc-problem/ |work=Surfin' Safari |publisher=[[WebKit|The WebKit Open Source Project]] |accessdate=16 October 2012 |author=Dave Hyatt |date=1 September 2006 |quote=The FOUC problem would normally be a minor occurrence. However with the advent of [[AdSense|Google AdSense]], FOUC has become a [[Safari (web browser)|Safari]] epidemic. Because these Google ads not only execute inline script but access layout information that they often don't even end up using in the page, the problem of FOUC is much more severe than it should be. |archive-date=30 August 2012 |archive-url=https://web.archive.org/web/20120830034649/http://www.webkit.org/blog/66/the-fouc-problem/ |url-status=live }}</ref> [[सीएसएस]] या [[एचटीएमएल]] संस्करणों में बदलाव के लिए अशैली वाली अंतर्वस्तु का एक फ्लैश अव्यग्र है। यह समस्या, जो मूल अंतर्वस्तु को अप्रभावित छोड़ देती है, ब्राउज़र में क्रमादेशित प्राथमिकताओं के एक सम्मुच्चय से उत्पन्न होती है। जैसे ही ब्राउज़र HTML और मार्कअप में संदर्भित सभी सहायक संचिकाओं को एकत्र करता है, ब्राउज़र तुरंत दस्तावेज़ अभिलक्ष्य निदर्श बनाता है। ब्राउजर पहले टेक्स्ट प्रदर्शित करना चुन सकता है ताकि वह सबसे तीव्र पदव्याख्या कर सके। | ||
[[सीएसएस]] या [[एचटीएमएल]] संस्करणों में बदलाव के लिए अशैली वाली | |||
अनस्टाइल्ड | अनस्टाइल्ड विषय सूची की चमक अब अधिक प्रचलित है कि HTML पेज कई वर्तिका पत्र को संदर्भित करने के लिए अधिक उपयुक्त हैं। वेब पृष्ठों में प्रायः ब्राउज़र स्क्रीन के अतिरिक्त अन्य मीडिया के शैली संदर्भ सम्मिलित होते हैं, जैसे प्रिंटर और मोबाइल उपकरणों के लिए CSS नियम हैं। वेब पृष्ठ शैली संचिकाओं की परतें आयात कर सकते हैं, और वैकल्पिक शैली पत्रक का संदर्भ दे सकते हैं। ऑनलाइन विज्ञापन और अन्य डाली गई ऑफसाइट अंतर्वस्तु, जैसे वीडियो और सर्च इंजन, प्रायः अपने संहिता खण्ड के भीतर अपनी शैली के नियमों को निर्धारित करते हैं। सीएसएस नियमों की व्यापक प्रकृति कुछ ब्राउज़रों को तब तक प्रतीक्षा करने के लिए प्रोत्साहित करती है जब तक कि उन्हें लागू करने से पहले सभी स्टाइल डेटासम्मुच्चय एकत्र नहीं किए जाते हैं। | ||
[[ जावास्क्रिप्ट पुस्तकालय ]] जैसे कि [[jQuery]] के आगमन के साथ जिसे वेब पेज की | [[ जावास्क्रिप्ट पुस्तकालय |जावास्क्रिप्ट पुस्तकालय]] जैसे कि [[jQuery|जेक्वेरी]] के आगमन के साथ जिसे वेब पेज की वर्तिका को और परिभाषित करने और लागू करने के लिए नियोजित किया जा सकता है, अनस्टाइल अंतर्वस्तु की चमक भी अधिक प्रमुख हो गई है। अनस्टाइल वाली अंतर्वस्तु से बचने के प्रयास में, अग्रांत विकासक पूरी तरह से उद्भार होने तक सभी अंतर्वस्तु को छिपाने का विकल्प चुन सकते हैं, जिस बिंदु पर एक उद्भार वृत्तांत प्रबंधकर्ता प्रगर्तक होता है और अंतर्वस्तु दिखाई देती है, हालांकि उद्भारिंग में रुकावट एक खाली पृष्ठ छोड़ सकती है, जिसके लिए अनस्टाइलड वाली अंतर्वस्तु बेहतर होगी। | ||
अनस्टाइल वाली | अनस्टाइल वाली अंतर्वस्तु के फ्लैश का अनुकरण करने के लिए, विकासक ब्राउज़र ऐड-ऑन का उपयोग कर सकते हैं जो फ्लाई पर वेब पेज के सीएसएस को अक्षम करने में सक्षम हैं। [[फायरबग (सॉफ्टवेयर)]] और एसिंक्रोनस सीएसएस ऐसे ऐड-ऑन हैं। अन्य तकनीकों में हस्तचालन रूप से किसी पृष्ठ को सीएसएस घटकों के भरण को पूरा करने से रोकना सम्मिलित है। एक अन्य विकल्प आलेख-अवरोधन उपकरण का उपयोग करने पर जोर देता है। | ||
हालांकि, 2016 तक, अवांछित प्रदर्शन व्यवहारों से बचने के लिए कई अलग-अलग तकनीकों का विकास किया गया था,<ref name="CSS Tricks 2015-08-01"/> | हालांकि, 2016 तक, अवांछित प्रदर्शन व्यवहारों से बचने के लिए कई अलग-अलग तकनीकों का विकास किया गया था,<ref name="CSS Tricks 2015-08-01"/> गूगल क्रोम संस्करण 50 में प्रतिपादन व्यवहार में बदलाव, जिससे जावास्क्रिप्ट द्वारा अन्तःक्षेप की गई स्टाइलशीट को [[आप ऊब जाएंगे|HTML]] 5 विनिर्देश द्वारा आवश्यक पृष्ठ उद्भारन को अवरुद्ध करने से रोका जाता है, जिससे वेबसाइट निर्माताओं के ध्यान में फिर से स्थिति आ जाती है, विशेष रूप से[[ प्रकार ]]के उपयोगकर्ता एक [[वेब टाइपोग्राफी|वेब मुद्रण]] उत्पाद [[एडोब सिस्टम्स]] से प्रभावित होते हैं। <ref name="Typekit 2016-06-03"/> 2 महीने के भीतर, अवांछित प्रतिपादन व्यवहार से बचने के लिए एडोब ने अपने अक्षर को तीसरे पक्ष की वेबसाइटों में सम्मिलित करने के तरीके को बदल दिया था। <ref>{{cite web |url=http://blog.typekit.com/2016/07/28/changes-to-web-font-serving-on-typekit/ |title=टाइपकिट पर सर्विंग वेब फॉन्ट में परिवर्तन|author=Bram Stein |work=[[Typekit|Adobe Typekit]] blog |publisher=[[Adobe Systems]] |date=28 July 2016 |accessdate=9 August 2016 |archive-date=15 August 2016 |archive-url=https://web.archive.org/web/20160815185058/http://blog.typekit.com/2016/07/28/changes-to-web-font-serving-on-typekit/ |url-status=live }}</ref> | ||
Revision as of 18:00, 25 June 2023
अनस्टाइलड विषयवस्तु का एक फ्लैश (या अनस्टाइलड पाठ का फ्लैश, एफओयूसी) [1][2] एक ऐसा उदाहरण है जहां एक बाहरी सीएसएस स्टाइलशीट उद्भार करने से पहले एक वेब पृष्ठ ब्राउज़र की व्यतिक्रम शैलियों के साथ संक्षिप्त रूप से प्रकट होता है, क्योंकि वेब ब्राउज़र इंजन सभी जानकारी प्राप्त करने से पहले पेज को प्रस्तुत करता है। [3] जैसे ही शैली नियम उद्भार और लागू होते हैं, पृष्ठ स्वयं को सुधार लेता है; हालाँकि, पारी विचलित करने वाली हो सकती है। संबंधित समस्याओं में अदृश्य टेक्स्ट का फ्लैश और नकली टेक्स्ट का फ्लैश सम्मिलित है। [1][2]
तकनीकी जानकारी
इस प्रचालन को फ्लैश ऑफ अनस्टाइल्ड कंटेंट नाम के एक लेख में दर्ज किया गया था। [4] सबसे पहले, एफओयूसी इंटरनेट एक्सप्लोरर के लिए एक अद्वितीय ब्राउज़र समस्या प्रतीत हुई लेकिन बाद में अन्य ब्राउज़रों में स्पष्ट हो गई, [5][6] और उसके बाद से एक सफारी (वेब ब्राउज़र) महामारी के रूप में वर्णित किया गया है। [7] सीएसएस या एचटीएमएल संस्करणों में बदलाव के लिए अशैली वाली अंतर्वस्तु का एक फ्लैश अव्यग्र है। यह समस्या, जो मूल अंतर्वस्तु को अप्रभावित छोड़ देती है, ब्राउज़र में क्रमादेशित प्राथमिकताओं के एक सम्मुच्चय से उत्पन्न होती है। जैसे ही ब्राउज़र HTML और मार्कअप में संदर्भित सभी सहायक संचिकाओं को एकत्र करता है, ब्राउज़र तुरंत दस्तावेज़ अभिलक्ष्य निदर्श बनाता है। ब्राउजर पहले टेक्स्ट प्रदर्शित करना चुन सकता है ताकि वह सबसे तीव्र पदव्याख्या कर सके।
अनस्टाइल्ड विषय सूची की चमक अब अधिक प्रचलित है कि HTML पेज कई वर्तिका पत्र को संदर्भित करने के लिए अधिक उपयुक्त हैं। वेब पृष्ठों में प्रायः ब्राउज़र स्क्रीन के अतिरिक्त अन्य मीडिया के शैली संदर्भ सम्मिलित होते हैं, जैसे प्रिंटर और मोबाइल उपकरणों के लिए CSS नियम हैं। वेब पृष्ठ शैली संचिकाओं की परतें आयात कर सकते हैं, और वैकल्पिक शैली पत्रक का संदर्भ दे सकते हैं। ऑनलाइन विज्ञापन और अन्य डाली गई ऑफसाइट अंतर्वस्तु, जैसे वीडियो और सर्च इंजन, प्रायः अपने संहिता खण्ड के भीतर अपनी शैली के नियमों को निर्धारित करते हैं। सीएसएस नियमों की व्यापक प्रकृति कुछ ब्राउज़रों को तब तक प्रतीक्षा करने के लिए प्रोत्साहित करती है जब तक कि उन्हें लागू करने से पहले सभी स्टाइल डेटासम्मुच्चय एकत्र नहीं किए जाते हैं।
जावास्क्रिप्ट पुस्तकालय जैसे कि जेक्वेरी के आगमन के साथ जिसे वेब पेज की वर्तिका को और परिभाषित करने और लागू करने के लिए नियोजित किया जा सकता है, अनस्टाइल अंतर्वस्तु की चमक भी अधिक प्रमुख हो गई है। अनस्टाइल वाली अंतर्वस्तु से बचने के प्रयास में, अग्रांत विकासक पूरी तरह से उद्भार होने तक सभी अंतर्वस्तु को छिपाने का विकल्प चुन सकते हैं, जिस बिंदु पर एक उद्भार वृत्तांत प्रबंधकर्ता प्रगर्तक होता है और अंतर्वस्तु दिखाई देती है, हालांकि उद्भारिंग में रुकावट एक खाली पृष्ठ छोड़ सकती है, जिसके लिए अनस्टाइलड वाली अंतर्वस्तु बेहतर होगी।
अनस्टाइल वाली अंतर्वस्तु के फ्लैश का अनुकरण करने के लिए, विकासक ब्राउज़र ऐड-ऑन का उपयोग कर सकते हैं जो फ्लाई पर वेब पेज के सीएसएस को अक्षम करने में सक्षम हैं। फायरबग (सॉफ्टवेयर) और एसिंक्रोनस सीएसएस ऐसे ऐड-ऑन हैं। अन्य तकनीकों में हस्तचालन रूप से किसी पृष्ठ को सीएसएस घटकों के भरण को पूरा करने से रोकना सम्मिलित है। एक अन्य विकल्प आलेख-अवरोधन उपकरण का उपयोग करने पर जोर देता है।
हालांकि, 2016 तक, अवांछित प्रदर्शन व्यवहारों से बचने के लिए कई अलग-अलग तकनीकों का विकास किया गया था,[2] गूगल क्रोम संस्करण 50 में प्रतिपादन व्यवहार में बदलाव, जिससे जावास्क्रिप्ट द्वारा अन्तःक्षेप की गई स्टाइलशीट को HTML 5 विनिर्देश द्वारा आवश्यक पृष्ठ उद्भारन को अवरुद्ध करने से रोका जाता है, जिससे वेबसाइट निर्माताओं के ध्यान में फिर से स्थिति आ जाती है, विशेष रूप सेप्रकार के उपयोगकर्ता एक वेब मुद्रण उत्पाद एडोब सिस्टम्स से प्रभावित होते हैं। [1] 2 महीने के भीतर, अवांछित प्रतिपादन व्यवहार से बचने के लिए एडोब ने अपने अक्षर को तीसरे पक्ष की वेबसाइटों में सम्मिलित करने के तरीके को बदल दिया था। [8]
यह भी देखें
संदर्भ
- ↑ 1.0 1.1 1.2 Tim Brown (3 June 2016). "Regarding the Flash of Unstyled Text in Chrome 50". Adobe Typekit blog. Adobe Systems. Archived from the original on Sep 1, 2016. Retrieved 9 August 2016.
- ↑ 2.0 2.1 2.2 Coyier, Chris (1 April 2015). "फूट, एफओआईटी, एफओएफटी". CSS Tricks. Archived from the original on 15 August 2020. Retrieved 9 August 2016.
- ↑ Boudreaux, Ryan (October 18, 2013). "अपनी वेबसाइटों पर अनस्टाइल्ड सामग्री के फ्लैश को कैसे रोकें". TechRepublic (in English). Archived from the original on 2021-03-05. Retrieved 2021-10-09.
- ↑ "अनस्टाइल्ड कंटेंट का फ्लैश (FOUC)". Blue Robot. 2001. Archived from the original on May 13, 2015. Retrieved 12 October 2012.
- ↑ Winner, Judith (2010-04-19). "अनस्टाइल्ड कंटेंट का फ्लैश (FOUC)". Bugzilla@Mozilla. Archived from the original on 5 November 2016. Retrieved 14 October 2016.
- ↑ "क्रोमियम बग जिसमें 'FOUC' है". bugs.chromium.org. Archived from the original on 18 October 2016. Retrieved 14 October 2016.
- ↑ Dave Hyatt (1 September 2006). "एफओयूसी समस्या". Surfin' Safari. The WebKit Open Source Project. Archived from the original on 30 August 2012. Retrieved 16 October 2012.
The FOUC problem would normally be a minor occurrence. However with the advent of Google AdSense, FOUC has become a Safari epidemic. Because these Google ads not only execute inline script but access layout information that they often don't even end up using in the page, the problem of FOUC is much more severe than it should be.
- ↑ Bram Stein (28 July 2016). "टाइपकिट पर सर्विंग वेब फॉन्ट में परिवर्तन". Adobe Typekit blog. Adobe Systems. Archived from the original on 15 August 2016. Retrieved 9 August 2016.
