Share
Một trong những xu hướng phát triển website hiện nay đó chính là Single Page Application. Là một nhà phát triển website, cụm từ này chắc hẳn không hề xa lạ gì với bạn. Nhưng đối với khách hàng, người muốn làm website, Single Page Application hay Single Page Website là gì? Vì sao nó lại là xu hướng phát triển web hiện nay? Nó có ưu điểm, nhược điểm gì so với website truyền thống? Chúng ta cùng tìm hiểu trong bài viết này.
Single Page Application (Single Page Website Application) là một ứng dụng web, hay một website, giúp nâng cao trải nghiệm người dùng bằng cách sử dụng HTML5 và AJAX.
Khi người dùng truy cập vào một thành phần bất kỳ, trang web chỉ tải lại nội dung đó mà không tải lại hết cả một trang web. Vì vậy, người dùng có thể truy cập nhiều trang con mà không ảnh hưởng gì đến trang gốc.
Cách Single Page Application hoạt động. Nguồn: Monocubed
Để dễ hình dung, Facebook là một trang web sử dụng SPA. Khi bạn lướt News feed, hãy thử load lại trang, Facebook chỉ load lại phần nội dung của trang. Phần khung trang (master page) sẽ không thay đổi.
Một ông lớn khác cũng sử dụng công nghệ này đó chính là Google, khi bạn thực hiện tìm kiếm, những gì thay đổi là kết quả tìm kiếm được, còn thanh Google thì không có thay đổi.
Chắc hẳn những ông lớn này đã làm bạn tự tin hơn khi chọn SPA làm hướng phát triển website phải không.
Để trả lời cho câu hỏi này thì trước hết ta cùng tìm hiểu website truyền thống hoạt động thế nào trước.
Trước khi SPA xuất hiện thì một trang web truyền thống hoạt động như sau:
Cách website truyền thống hoạt động. Nguồn: Azoft
Khi người dùng thực hiện gửi một yêu cầu từ trang web, server sẽ nhận yêu cầu đó, tính toán và gửi lại toàn bộ trang web cho người dùng dưới dạng mã HTML. Ở phía client (phía người dùng) sẽ hiển thị kết quả trả về. Điều này khiến server thì tốn tải để tính toán, xử lý và phải gửi đi những thứ không thay đổi. Phía client lại chỉ đợi và hiển thị kết quả trả về.
Tuy nhiên, với sự phát triển của website hiện nay và yêu cầu cao về trải nghiệm người dùng thì việc xử lý như trên không còn phù hợp. Xu hướng hiện nay là phân rõ vai trò cho client và server. Nhiệm vụ nào thuộc về client thì để cho client xử lý. Đó là lý do mà Single Page Application ra đời.
Một số ưu điểm của Single Page Application mà Product Owner và nhà phát triển website cần lưu tâm:
Với các ứng dụng cần tương tác nhiều, SPA hoạt động mượt mà hơn vì code chạy trên browser, không cần load đi loại lại nhiều
Bên cạnh những ưu điểm mà chúng ta có thể nhìn thấy khá rõ ràng, chúng tôi vẫn cần công nhận rằng công nghệ này vẫn còn một số những hạn chế nhất định:
Đối với việc SEO thì có lẽ Single Page Application có lẽ không phải là một lựa chọn tối ưu nhất. Nhưng sẽ là một sự lựa chọn hoàn hảo cho website, ứng dụng cần tương tác nhiều và yêu cầu cao về tính trải nghiệm người dùng. SPA cũng là một trong những xu hướng phát triển web hiện nay. Nếu mục tiêu của bạn là tối ưu hóa SEO cho website, hãy tham khảo bài viết Tối ưu hóa SEO website với Client Side Rendering và Server Side Rendering
Share
