Middle
Навъҳои рендер кардани саҳифаҳо кадомҳоянд?
sobes.tech AI
Ҷавоб аз AI
- Асинхронӣ рендеринг (Async Rendering): Блокҳои саҳифа (масалан, маълумоти, ки тавассути дархостҳои AJAX гирифта шудаанд) тадриҷан бор карда мешаванд ва намоиш дода мешаванд, бе бастани боркунии сохтори асосӣ.
- Рендеринг дар ҷониби муштарӣ (Client-Side Rendering, CSR): Браузер файли HTML-и минималиро бор мекунад, ки дар он пайванде ба JavaScript-бандл аст. Ин бандл дар браузер иҷро мешавад ва DOM-ро динамикӣ месозад.
- Рендеринг дар ҷониби сервер (Server-Side Rendering, SSR): Сервер ҳуҷҷати HTML-и пурра бо мундариҷа барои ҳар саҳифае, ки боздид мешавад, мебарорад ва ба браузер мефиристад. Браузер саҳифаро аллакай омода мебинад.
- Рендеринг статикӣ (Static Rendering / Static Site Generation, SSG): Сафарҳо ҳамчун файлҳои HTML-и статикӣ дар вақти сохтани лоиҳа истеҳсол мешаванд. Ин файлҳо сипас ба корбар расонида мешаванд, ки боркунии хеле зудро таъмин мекунанд.
- Рендеринг изоморфӣ (Isomorphic / Universal Rendering): Кодекси JavaScript, ки метавонад ҳам дар сервер ва ҳам дар клиент иҷро шавад. Ин имкон медиҳад, ки аввал саҳифаро дар сервер (барои суръат бахшидани намоиши аввал ва SEO) рендерӣ кунанд, ва сипас идораро ба клиент барои интерактивӣ супоред.
| Намуди рендеринг | Дар куҷо рӯй медиҳад | Боркунии ибтидоӣ | SEO | Интерактивӣ |
|---|---|---|---|---|
| CSR | Клиент (браузер) | Бештар аз мундариҷаи аввал | Мумкин аст, ки мушкил бошад | Пас аз боркунии JS баланд |
| SSR | Сервер | Бештар аз мундариҷаи аввал | Қобили қабул | Пас аз боркунии JS пайдо мешавад |
| SSG | Таҳияи лоиҳа | Бисёр зуд | Беҳтарин | Ба JS, ки пас аз боркунии статикӣ илова мешавад, вобаста аст |
| Изоморфӣ | Сервер ва клиент | Намоиши аввал зуд | Қобили қабул | Пас аз "гидратсия" баланд |