Trao Dồi Công Việc

Plain Static Rendering

Plain Static Rendering là một phương pháp render trang web bằng cách tạo ra các file HTML tĩnh trước đó. Các file HTML này phục vụ cho lượt truy cập của người dùng.

Nguyên lý hoạt động

Thay vì cung cấp dữ liệu động trực tiếp từ cơ sở dữ liệu, các thông tin thông thường được lưu trữ trong các tệp tĩnh và tải về trực tiếp từ máy chủ web. Kết quả là việc tải trang web nhanh hơn và giảm bớt tốn kém về tài nguyên máy chủ so với các trang web động.

  • Bước 1: người dùng truy cập vào trang website.
  • Bước 2: server trả về HTML đã được tạo ra sẵn trước đó.
  • Bước 3: trình duyệt render nội dung HTML để hiển thị cho người dùng.
  • Bước 4: trình duyệt tải về các JS được khai báo bên trong nội dung HTML.
  • Bước 5: trình duyệt binding và xử lý các event JS vào nội dung HTML. Khi đó người dùng có thể bắt đầu tương tác với website 1 cách đầy đủ.
Nguyên lý hoạt động của Plain Static Rendering

Do vậy, Plain Static Rendering phù hợp cho những trang web không đòi hỏi dữ liệu động. Hoặc không có quá nhiều trang cần được tạo ra sẵn trước đó. Ví dụ: Landing page, Event page, v.v…

Ưu nhược điểm của Plain Static Rendering

Ưu điểm của Plain Static Rendering

  • Trang web chỉ được tạo ra một lần và lưu trữ dưới dạng file HTML tĩnh. Do đó thời gian tải trang nhanh hơn.
  • Search engine bots có thể dễ dàng quét và lập chỉ mục trang web tĩnh hơn dựa trên các thẻ HTML. Giúp tăng khả năng tìm kiếm và tối ưu hóa công cụ tìm kiếm.
  • Plain Static Rendering chỉ cần tạo và lưu trữ trang web dưới dạng file tĩnh nên không cần sử dụng cơ sở dữ liệu hoặc các công nghệ phía máy chủ phức tạp. Giúp giảm chi phí phát triển và duy trì trang web.
  • Trang web được tạo ra dưới dạng file tĩnh, do đó có khả năng cache tốt hơn. Giúp giảm tải trọng cho phần mềm máy chủ và cải thiện trải nghiệm người dùng.
  • Trang web được tạo ra bằng mã HTML, CSS và Javascript, do đó độ tin cậy cao.

Nhược điểm của Plain Static Rendering

  • Mỗi lần cập nhật nội dung trên trang web đều phải generate lại toàn bộ trang web.
  • Các tính năng tùy chỉnh hoàn toàn phụ thuộc vào việc developer đã cài đặt trên trang web hay không. Người dùng sẽ không thể thực hiện bất kỳ tính năng tùy chỉnh nào.
  • Trang web chỉ hiển thị các thông tin đơn giản và không có khả năng tương tác với người dùng. Không có hình thức tương tác như nhập liệu hoặc lưu trữ dữ liệu vì nội dung đã được khởi tạo tĩnh trước.