Rendering:Server-side VS Client-side

Modern web development

Hello!

I AM LE HOAI PHUONGa Ruby on Rails developer at Framgia Vietnam

You can find me at @yeuem1vannam

OUR PROCESSES

Comparison

Concept

Definition

Trade-off

DEFINITION

◦ Server-side Rendering: Server create the HTML structure and send back to client, as a document

◦ Client-side Rendering: HTML structure is created completely on client

COMPARISON: Server-side Rendering

◦ Fast initial load◦ Control completely from server◦ Blind with client◦ Content visible for all search

engines◦ Full-featured caching◦ Easy to scale◦ Easy to maintain

COMPARISON: Client-side Rendering

◦ Fast on subsequent requests◦ Lose control, gain “vision”◦ Better UX◦ Hard for SEO◦ Data caching only◦ Scale harder◦ Easy to upgrade

MIXED?Bring them all together, sound good?

CONCEPT

Server-side Client-side

Template generating Initial Subsequent

Data binding

Event binding

SEO

CONCEPT

TRADE-OFF

KnowledgeLearn everything?

CompatibilityJSON API?

Backward compatible?

Old Web Crawler?

StabilityDo magic with payment?

ScalabilityRe-design the architecture?

CacheabilityCache control?

Content change frequency?

MaintainabilityDuplication code?

Switch technologies?

Thanks!

ANY QUESTIONS?You can find me at

@yeuem1vannam

le.hoai.phuong@framgia.com