Angular Universal và SSR
Server-side rendering, prerendering, cấu hình Angular Universal, phát hiện platform, transfer state, tối ưu SEO
1Angular Universal là gì?
Angular Universal là gì?
Câu trả lời
Angular Universal là giải pháp chính thức cho server-side rendering (SSR) trong Angular. Nó tạo HTML trên server trước khi gửi đến client, cải thiện thời gian tải ban đầu và SEO. Khác với rendering cổ điển yêu cầu tải xuống và thực thi JavaScript trước khi hiển thị nội dung, Universal tạo HTML hoàn chỉnh ngay lập tức.
2Lợi ích chính của server-side rendering (SSR) cho SEO là gì?
Lợi ích chính của server-side rendering (SSR) cho SEO là gì?
Câu trả lời
Các crawler của công cụ tìm kiếm nhận HTML đầy đủ có thể sử dụng ngay lập tức, không cần đợi thực thi JavaScript. Điều này đảm bảo việc lập chỉ mục nội dung chính xác ngay cả với các crawler gặp khó khăn với SPA cổ điển. Hơn nữa, meta tag (title, description) có mặt từ lần tải ban đầu, cải thiện khả năng hiển thị trong kết quả tìm kiếm.
3Sự khác biệt giữa SSR (Server-Side Rendering) và prerendering là gì?
Sự khác biệt giữa SSR (Server-Side Rendering) và prerendering là gì?
Câu trả lời
SSR tạo HTML theo yêu cầu cho mỗi request người dùng ở phía server, cho phép nội dung động. Prerendering tạo HTML cho tất cả các route tại build time và phục vụ file tĩnh. Prerendering phù hợp với các site có nội dung tĩnh (blog, documentation) vì nó nhanh hơn và ít tốn tài nguyên server hơn. SSR cần thiết cho nội dung cá nhân hóa hoặc thay đổi thường xuyên.
Làm thế nào để phát hiện code đang chạy ở phía server hay browser?
TransferState API là gì và mục đích của nó là gì?
+17 câu hỏi phỏng vấn
Các chủ đề phỏng vấn Angular khác
Kiến thức cơ bản TypeScript
TypeScript Nâng cao
Kiến thức cơ bản về Angular
Components và vòng đời
Services & Dependency Injection
Tổ chức Module Angular
Angular CLI
Directives và Pipes
Routing và Điều hướng
Reactive Forms
Template-driven Forms
Kiến Thức Cơ Bản RxJS
Operator RxJS
HttpClient và lệnh gọi API
Quản lý state cơ bản
Change Detection
Angular Signals
Standalone Components
Unit Testing trong Angular
Kiểm thử End-to-End
Build và tối ưu hóa
Nền tảng NgRx
NgRx nâng cao
Kiến trúc Angular
Tối ưu hiệu năng
Bảo mật và thực tiễn tốt nhất
Các mẫu RxJS nâng cao
Micro-frontend Angular
Nắm vững Angular cho lần phỏng vấn tiếp theo
Truy cập tất cả câu hỏi, flashcards, bài kiểm tra kỹ thuật, bài tập code review và mô phỏng phỏng vấn.
Bắt đầu miễn phí