
Server-Side Rendering (SSR)
Server-Side Rendering (SSR), tai technika, kai web puslapiai generuojami serveryje kiekvieno užklausos metu, pateikiant pilnai suformuotą HTML naršyklei, siekiant greitesnio pradinio puslapio įkrovimo ir geresnio SEO.
Serverinio renderinimo (SSR) metodas, tai svetainės puslapio generavimo būdas, kai serveris prieš siųsdamas naršyklei sukuria visą HTML turinį. Kai vartotojas prašo atidaryti puslapį, serveris apdoroja užklausą, gauna reikalingus duomenis, sugeneruoja HTML ir išsiunčia paruoštą rezultatą.
Naudojant SSR naršyklė gauna jau paruoštą rodyti turinį, todėl vartotojas reikšmingą informaciją mato greičiau, net jei JavaScript dar neįkėlėsi. Šiuolaikiniai SSR framework'ai, tokie kaip Next.js, Nuxt.js ir Remix, padarė šią technologiją daug prieinamesnę. Jie sujungia SSR privalumus (greitą pirmą įkrovimą, SEO optimizavimą) su klientinės JavaScript interaktyvumu.
Praktikoje
- El. parduotuvė, perkelta iš klientinio renderinimo React aplikacijos į Next.js su SSR, stebėjo 30 % organinės srauto augimą, nes Google galėjo tinkamai indeksuoti visus produktų puslapius
- Žiniasklaidos svetainė, naudojanti SSR, straipsnius pateikia per mažiau nei 1 sekundę, net ir mobiliuoju ryšiu, nes HTML pasiekia vartotoją jau pilnai sugeneruotas iš serverio
- Nekilnojamojo turto platforma perėjo prie SSR ir pastebėjo Core Web Vitals rodiklių pagerėjimą visais aspektais, ypač didžiausio turinio piešimo (LCP) laiką sumažindama nuo 4,5 s iki 1,8 s
- SaaS rinkodaros svetainė, naudojanti SSR, įsikrauna akimirksniu, tuo pačiu teikdama dinamišką, asmenintą turinį per serverio pusėje vykdomus duomenų užklausimus
Daugiau apie: Svetainių kūrimas
- Responsive Design
- Progressive Web App (PWA)
- Single-Page Application (SPA)
- Server-Side Rendering (SSR)
- Statinių svetainių generavimas (SSG)
- API (Programinės sąsajos)
- CMS (Turinio valdymo sistema)
- Headless CMS
- Versijų kontrolė
- CI/CD (Nepertraukiamas integravimas / Nepertraukiamas diegimas)
- JavaScript frameworkas
- TypeScript
Neaišku, kaip tai taikoma Jums?
Vyresnysis inžinierius apžiūrės Jūsų svetainę, paieškos pozicijas ir užklausų gavimo būdą, tada užrašys tris dalykus, kuriuos verta pataisyti pirmiausia. Dokumentą paliekate sau.