Kết xuất Phía Máy chủ là gì
Kết xuất phía máy chủ
SSR (Server-Side Rendering) là kỹ thuật kết xuất trang web trên máy chủ trước khi gửi đến client, đảm bảo tải nhanh và tối ưu hóa SEO.
Cách Hoạt động
- Máy chủ nhận yêu cầu từ trình duyệt
- Tạo trang HTML hoàn chỉnh
- Gửi HTML sẵn sàng đến client
- Trình duyệt hiển thị nội dung ngay lập tức
- JavaScript "hydrate" trang để tương tác
Ưu điểm
- First contentful paint nhanh (FCP)
- Tối ưu hóa SEO xuất sắc
- Hoạt động không cần JavaScript
- Metadata mạng xã hội tốt hơn
- Tốt hơn cho thiết bị chậm
Nhược điểm
- Tải máy chủ
- Thời gian đến tương tác (TTI)
- Độ phức tạp cache
- Chi phí hạ tầng cao hơn
So sánh với CSR
- SSR: HTML được tạo trên máy chủ
- CSR: HTML được tạo trong trình duyệt
- SSG: HTML được tạo lúc build
Framework hỗ trợ SSR
- Next.js (React)
- Nuxt.js (Vue)
- SvelteKit (Svelte)
- Angular Universal
- Remix
Khi nào Sử dụng
- Trang nội dung và blog
- Thương mại điện tử
- Cổng tin tức
- Website quan trọng về SEO