Слайд 2Rendering
SSR (Server-Side Rendering)
CSR (Client-Side Rendering, рендеринг на клиенте)
Hydratation
Prerendering
Terms
![Rendering SSR (Server-Side Rendering) CSR (Client-Side Rendering, рендеринг на клиенте) Hydratation Prerendering Terms](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/859528/slide-1.jpg)
Слайд 3TTFB (Time to First Byte)
FP (First Paint)
FCP (First Contentful Paint)
TTI
![TTFB (Time to First Byte) FP (First Paint) FCP (First Contentful Paint)](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/859528/slide-2.jpg)
(Time To Interactive)
Terms 2
Слайд 4Server-side rendering
https://developers.google.com/web/updates/2019/02/rendering-on-the-web
![Server-side rendering https://developers.google.com/web/updates/2019/02/rendering-on-the-web](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/859528/slide-3.jpg)
Слайд 5Client-side rendering
https://developers.google.com/web/updates/2019/02/rendering-on-the-web
![Client-side rendering https://developers.google.com/web/updates/2019/02/rendering-on-the-web](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/859528/slide-4.jpg)
Слайд 6Combining SSR and CSR
https://developers.google.com/web/updates/2019/02/rendering-on-the-web
![Combining SSR and CSR https://developers.google.com/web/updates/2019/02/rendering-on-the-web](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/859528/slide-5.jpg)
Слайд 8ReactDOMServer
renderToString()
renderToStaticMarkup()
renderToNodeStream()
renderToStaticNodeStream()
![ReactDOMServer renderToString() renderToStaticMarkup() renderToNodeStream() renderToStaticNodeStream()](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/859528/slide-7.jpg)
Слайд 9ReactDOMServer
renderToString()
hydrate()
renderToStaticMarkup()
renderToNodeStream()
renderToStaticNodeStream()
![ReactDOMServer renderToString() hydrate() renderToStaticMarkup() renderToNodeStream() renderToStaticNodeStream()](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/859528/slide-8.jpg)
Слайд 10ReactDOMServer
renderToString()
hydrate()
renderToStaticMarkup()
renderToNodeStream()
renderToStaticNodeStream()
![ReactDOMServer renderToString() hydrate() renderToStaticMarkup() renderToNodeStream() renderToStaticNodeStream()](/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/859528/slide-9.jpg)