Yaratilmagan tarkibning chirog'i - Flash of unstyled content

Vikipediyaning asosiy sahifasini yuklashda FOUC.

A shakllanmagan tarkibning chirog'i (FOUC, shuningdek uslubsiz matnning chirog'i)[1][2] tashqi sahifani yuklamasdan oldin brauzerning standart uslublari bilan qisqa vaqt ichida veb-sahifa paydo bo'ladigan misol CSS uslublar jadvali, tufayli veb-brauzer mexanizmi barcha ma'lumotlarni olishdan oldin sahifani ko'rsatish. Stil qoidalari yuklanishi va qo'llanilishi bilanoq sahifa o'zini tuzatadi; ammo, siljish chalg'itishi mumkin. Bunga tegishli muammolar kiradi ko'rinmas matnning chirog'i (FOIT) va soxta matnning chirog'i (FOFT).[1][2]

Texnik ma'lumotlar

Muammo "Yaratilmagan tarkibning chirog'i" nomli maqolada hujjatlashtirildi.[3] Avvaliga FOUC o'ziga xos brauzer muammosi bo'lib tuyuldi Internet Explorer ammo keyinchalik boshqa brauzerlarda aniq bo'ldi,[4][5] va bundan keyin "a Safari epidemik".[6]

FOUC o'zgarishlar o'zgarishiga befarq CSS yoki HTML versiyalar. Muammo brauzerda dasturlashtirilgan ustuvorliklar to'plamidan kelib chiqadi.[iqtibos kerak ] Brauzer HTML va formatlashda havola qilingan barcha yordamchi fayllarni to'plaganligi sababli, brauzer Hujjat ob'ekti modeli parvoz paytida. Brauzer avval matnni ko'rsatishni tanlashi mumkin, uni eng tez tahlil qilish mumkin.

HTML-sahifalar bir nechta uslublar varaqlariga murojaat qilish uchun mos bo'lganligi sababli, FOUC keng tarqalgan. Veb-sahifalarda ko'pincha brauzer ekranidan tashqari ommaviy axborot vositalariga, masalan, printerlar va mobil qurilmalar uchun CSS qoidalariga oid uslubiy havolalar mavjud. Veb-sahifalar uslublar fayllarining qatlamlarini import qilishi va muqobil uslublar varaqlariga havola qilishi mumkin. Onlayn reklama va boshqa saytga joylashtirilgan tarkib, masalan, videolar va qidiruv tizimlari, ko'pincha o'zlarining kod qoidalarida o'zlarining uslub qoidalarini belgilaydilar. CSS qoidalarining kaskadli xususiyati ba'zi brauzerlarni barcha stil ma'lumotlarini qo'llashdan oldin to'planishini kutishga undaydi.

Kelishi bilan JavaScript kutubxonalari kabi jQuery veb-sahifaning uslubini yanada aniqlash va qo'llash uchun ishlatilishi mumkin bo'lgan FOUC ham taniqli bo'ldi. Dasturlashtirilmagan tarkibdan qochish uchun, oldingi ishlab chiquvchilar barcha tarkibni to'liq yuklanmaguncha yashirishni tanlashi mumkin, shu vaqtning o'zida yuklanish hodisasi ishlovchisi ishga tushiriladi va tarkib paydo bo'ladi.

FOUC-ni taqlid qilish uchun ishlab chiquvchilar veb-sahifaning CSS-ni darhol o'chirib qo'yishga qodir brauzer qo'shimchalarini ishlatishlari mumkin. Firebug va Async CSS - bunday qo'shimchalar.

Garchi, 2016 yilga kelib, istalmagan displey xatti-harakatlaridan qochish uchun bir nechta turli xil uslublar ishlab chiqilgan bo'lsa,[2] -dagi xatti-harakatlarning o'zgarishi Gugl xrom 50-versiya, bunda JavaScript-ga kiritilgan uslublar jadvallari sahifa yuklanishiga to'sqinlik qiladi HTML5 spetsifikatsiyasi, vaziyatni yana veb-sayt yaratuvchilarining e'tiboriga olib keldi, ayniqsa foydalanuvchilarga ta'sir ko'rsatmoqda Typekit, a veb-tipografiya mahsulot Adobe tizimlari.[1] 2 oy ichida Adobe kiruvchi xatti-harakatlarning oldini olish uchun shriftlarni uchinchi tomon veb-saytlariga kiritish usulini o'zgartirdi.[7]

Adabiyotlar

  1. ^ a b v Tim Braun (2016 yil 3-iyun). "Chrome 50-dagi matnsiz nashr etish to'g'risida". Adobe Typekit blog. Adobe tizimlari. Olingan 9 avgust 2016.
  2. ^ a b v Kris Koyier (2015 yil 1-aprel). "FOIT, FOFT". CSS fokuslari. Olingan 9 avgust 2016.
  3. ^ "Uslubsiz kontentning chirog'i (FOUC)". Moviy robot. 2001. Arxivlangan asl nusxasi 2015 yil 13 mayda. Olingan 12 oktyabr 2012.
  4. ^ "Uslubsiz kontentning chirog'i (FOUC)". Bugzilla @ Mozilla. Olingan 14 oktyabr 2016.
  5. ^ "FOUC o'z ichiga olgan Chromium Bugs'". bugs.chromium.org. Olingan 14 oktyabr 2016.
  6. ^ Deyv Xayt (2006 yil 1 sentyabr). "FOUC muammosi". Surfin 'Safari. WebKit ochiq manbali loyihasi. Olingan 16 oktyabr 2012. FOUC muammosi odatda kichik hodisa bo'lishi mumkin. Ammo kelishi bilan Google AdSense, FOUC a ga aylandi Safari epidemik. Ushbu Google reklamalari nafaqat ichki skriptni bajaradi, balki ular ko'pincha sahifada foydalanib bo'lmaydigan tartib ma'lumotlariga kirishadi, chunki FOUC muammosi kerak bo'lganidan ancha jiddiyroq.
  7. ^ Bram Shteyn (2016 yil 28-iyul). "Typekit-da xizmat ko'rsatadigan veb-shriftdagi o'zgarishlar". Adobe Typekit blog. Adobe tizimlari. Olingan 9 avgust 2016.