Давлатҳоро зеркашӣ ва интизор шавед

1) Чаро интизориро идора мекунад

• (1) амал чӣ оғоз ёфт, (2) чӣ қадар бояд кард ва (3) агар чизе хато кунад, чӣ кор кардан лозим аст.
• Вазъи хуби боркунӣ изтиробро коҳиш медиҳад, диққатро нигоҳ медорад ва вақтро сарфа мекунад.

2) Интихоби намуна: скелет, пешрафт, спиннер, ҷараён

Скелет - вақте ки сохтори мундариҷаи оянда маълум аст, аммо маълумоте нест. CLS-ро пешгирӣ мекунад.
Сатри пешрафт (детерминистӣ) - вақте ки ҳаҷм ё марҳилаҳо маълуманд (масалан, apload, KYC).
Пешрафти номуайян - вақте ки давомнокӣ номаълум аст, аммо раванд воқеӣ аст (оғозёбӣ).
Спиннер - танҳо ҳамчун нишондиҳандаи кӯтоҳ то 600-800 мс; минбаъд - скелет/пешрафт/матн.
Ҷараёни ҷараён/қисман - мо маълумотро дар қисмҳо (SSR/сегментҳо) медиҳем ва минтақаҳои тайёрро фавран нишон медиҳем.

Қоида: Корбарро дар фазои холӣ нагузоред. Агар зиёда аз 1 с - сохтор ва маънӣ диҳад.

3) Ҳадди вақт ва буҷа (нишондиҳандаҳо)

≤ 100 мс - вокуниши фаврии визуалӣ: 'банд' дар тугма/майдон.
≤ 1000 м - скелет/нишондиҳанда + матни "Бор кардан"....

4) Микро-намунаҳои вокуниши фаврӣ

Мо назоратро фавран ба "банд" интиқол медиҳем (аниматсия ≤ 100 мс), кликҳои такрорӣ.
Матни тугмаро ба "Фиристодан"... иваз кунед, тости "Дархости қабулшуда" -ро нишон диҳед (ихтиёрӣ).
Вақте ки фокус ба майдон бармегардад, скелети маҳаллӣ дар минтақаи натиҷа аст.

5) Скелет бе "ҷаҳида"

Шакли 1:1 мундариҷаи ояндаро кашед: баландии блок, таносуби медиа ('ҷанба-таносуб').
Тобиши аниматсионӣ: 1200-1600 мс, амплитудаи дурахшон ≤ 20%, строб нест.
Дар рӯйхатҳои калон - виртуализатсия + маҳдуд кардани шумораи скелетҳо дар DOM.

css
.skeleton{position:relative; background:var(--bg-elevated); border-radius:12px; overflow:hidden}
.skeleton::after{
content:"";position:absolute; inset:0;
background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);
animation:shimmer 1. 4s infinite;
}
@keyframes shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}

6) Пешрафт ва марҳилаҳо