Từ tuần này, bạn có thể cài đặt Ứng dụng Web Tiến bộ (PWA) lên máy tính thông qua Chrome 70 chỉ bằng một cú nhấp chuột. PWA là gì? Và tại sao nó lại mang lại lợi ích?
Ứng dụng Web Tiến bộ (PWA) là gì?
Progressive Web App (PWA) là một ứng dụng web mang lại trải nghiệm giống như ứng dụng gốc trên điện thoại. Dưới đây là những điểm cơ bản về PWA:
- Các ứng dụng này hoạt động cho mọi người dùng internet bất kể trình duyệt nào họ chọn.
- Chúng có khả năng thích ứng (responsive), nghĩa là PWA sẽ hiển thị đúng trên mọi thiết bị.
- Vì giống với ứng dụng gốc, bạn tương tác với chúng giống như trên điện thoại. Không cần gõ URL và điều hướng một chạm.
- PWA có thể hoạt động trực tuyến, ngoại tuyến và trong khu vực kết nối yếu.
Tại sao nên sử dụng PWA?
PWA cực kỳ nhanh! Ngay cả khi không có mạng, chúng tải ngay lập tức vì tải từ bộ nhớ đệm trước, yêu cầu kết nối sau. Trình duyệt thường yêu cầu kết nối trước, gây độ trễ màn hình trắng – khoảng 50% người dùng bỏ qua sau 3 giây.
Các ứng dụng này hoạt động như ứng dụng cài đặt nhưng chiếm dung lượng lưu trữ rất nhỏ. Ví dụ: PWA của Starbucks chỉ bằng 0,4% kích thước ứng dụng gốc. Bạn tìm thấy chúng trên màn hình chính và thực hiện mọi tác vụ như ứng dụng gốc, bao gồm cả thông báo.
PWA đáng tin cậy. Chúng sử dụng Service Worker – file JavaScript chạy riêng biệt với trình duyệt chính. Service Worker cho phép kiểm soát yêu cầu mạng, lưu trữ để cải thiện hiệu suất và cung cấp truy cập ngoại tuyến. Bạn luôn có thể tải và sử dụng PWA, có mạng hay không (tuy nhiên nội dung mới cần mạng để cập nhật).
Cuối cùng, PWA tự nhiên hơn so với trình duyệt. Không cần gõ địa chỉ web liên tục. Chỉ cần nhấp vào biểu tượng trên màn hình chính.
Cách cài đặt PWA
Bạn có thể cài đặt ứng dụng lên màn hình chính mà không cần qua cửa hàng ứng dụng.
- Chọn trang web hỗ trợ PWA (Twitter, Pinterest, Trivago, Uber, Starbucks...). Một số truy cập qua web đầy đủ, một số (như Twitter) cần truy cập phiên bản di động.
- Trên trang web có PWA, nhấp vào biểu tượng menu (ba chấm dọc) góc trên bên phải.
- Chọn "Cài đặt [Tên ứng dụng]" (ví dụ: "Cài đặt Twitter").
- Nếu không thấy tùy chọn cài đặt, trang web đó có thể không hỗ trợ PWA – hãy thử phiên bản di động trước.
- Nhấp "Cài đặt" khi hộp thoại xin phép xuất hiện.
- Mở ứng dụng từ màn hình chính hoặc danh sách ứng dụng (Windows 10). Ứng dụng sẽ mở trong cửa sổ riêng, có biểu tượng thanh tác vụ và mục menu Start.
Gỡ cài đặt: Nhấp ba chấm dọc góc trên bên phải → chọn "Gỡ cài đặt [tên ứng dụng]".
Với nhiều ưu điểm, hãy thử dùng PWA ngay hôm nay. Danh sách PWA hiện có chưa hoàn chỉnh, hãy chia sẻ trong bình luận những PWA bạn thấy hữu ích!