Junior
რა არის სერვერის მხარის რენდერინგი (SSR);
sobes.tech AI
პასუხი AI-სგან
Серверлік рендеринг (SSR) — бұл клиенттің сұранысына жауап ретінде веб-бетті серверде құру процесі. Клиентке бос HTML құжаты мен браузерде кейінірек рендерлеу үшін JavaScript-бандл жіберудің орнына, сервер толық HTML құжатын құрып, оған дайын мазмұнды енгізеді.
SSR-дің артықшылықтары:
- SEO-оптимизациясы: Іздеу роботтары мазмұнды оңай индекстейді, себебі оларға дайын HTML беріледі, ал динамикалық жасалған JavaScript емес.
- Бірінші кескіндеме уақыты (FCP): Қолданушы бет мазмұнын тез көреді, себебі сервер дайын HTML-ді ұсынды, оны браузер дереу көрсете алады.
- Күшті емес құрылғыларда өнімділік: Клиент құрылғысына аз ресурстар талап етеді, себебі негізгі жұмыс серверде орындалады.
- Әлеуметтік желілерде өзара әрекеттестікті жақсарту: Әлеуметтік желілерде қайта бөліскенде дайын мазмұнды алады, бос бетті емес.
SSR-дің кемшіліктері:
- Сервер жүктемесін арттыру: Сервер әр бет үшін рендеринг сұрауларын өңдеуі керек, бұл ресурстарға қымбатқа түседі.
- Интерактивтіліктің төмендеуі дейін гидратация: HTML құжатын алғаннан кейін браузерге "гидратация" үшін уақыт керек — JavaScript логикасын көрсетілген DOM-ға байлау. Гидратация аяқталғаннан кейін ғана бет толық интерактивті болады.
- Дамытудың қиындығы: Бұл үшін арнайы архитектура және арнайы шеңберлер қажет (мысалы, React үшін Next.js, Vue.js үшін Nuxt.js, Angular үшін Angular Universal).
SSR арқылы клиент серверге сұраныс жібереді, сервер оны өңдейді, дайын мазмұн мен құрылымды қамтитын HTML жолын құрады және оны қайта клиентке жібереді. Браузер алынған HTML-ді көрсетеді, содан кейін интерактивтілікті қосу үшін клиенттік JavaScript-ті жүктеп және орындайды (гидратация процесі).