SSR là viết tắt của "Server-Side Rendering" (Tạo nội dung trên phía máy chủ), là một phương pháp trong phát triển web để tạo ra nội dung HTML của trang web trên máy chủ trước khi gửi đến trình duyệt của người dùng. Điều này khác với phương pháp "Client-Side Rendering" (CSR) mà trình duyệt tải mã JavaScript và xây dựng trang web sau khi tải về.
Cấu trúc và Nguyên tắc hoạt động của SSR
-
Yêu cầu từ người dùng: Khi người dùng truy cập trang web, trình duyệt gửi yêu cầu tới máy chủ.
-
Xử lý trên máy chủ: Máy chủ nhận yêu cầu và thực hiện việc xây dựng nội dung HTML của trang web. Điều này bao gồm việc tải dữ liệu từ cơ sở dữ liệu, tạo thành phần giao diện, và kết hợp nội dung trong một tài liệu HTML hoàn chỉnh.
-
Tạo HTML hoàn chỉnh: Sau khi xử lý, máy chủ tạo một tài liệu HTML hoàn chỉnh chứa nội dung, dữ liệu và giao diện cần thiết.
-
Gửi đến trình duyệt: Máy chủ gửi tài liệu HTML hoàn chỉnh về trình duyệt của người dùng.
-
Hiển thị trang: Trình duyệt nhận được tài liệu HTML và hiển thị nó cho người dùng. Các mã JavaScript và tài nguyên tĩnh (CSS, hình ảnh) cũng được tải và thực thi bởi trình duyệt.
Lợi ích của SSR
- Tốt cho SEO: Các công cụ tìm kiếm có thể hiểu và xếp hạng trang web tốt hơn khi nội dung đã được tạo sẵn trên máy chủ.
- Hiển thị nhanh hơn: Người dùng sẽ thấy nội dung nhanh chóng vì tài liệu HTML đã được tạo sẵn.
- Hỗ trợ cho thiết bị yếu: Nội dung được tạo trước giúp cải thiện trải nghiệm cho thiết bị yếu hoặc kết nối yếu.
- Hỗ trợ cho người dùng không JavaScript: SSR cho phép hiển thị phiên bản cơ bản cho người dùng không sử dụng JavaScript.
Tóm lại, SSR giúp tối ưu hóa hiệu suất và tìm kiếm của trang web bằng cách tạo nội dung HTML trên máy chủ trước khi gửi đến trình duyệt, cung cấp trải nghiệm tốt hơn cho người dùng và cải thiện khả năng tìm thấy trang web trên các công cụ tìm kiếm.