4 điều cần biết về Progressive Web App
Khám phá cách PWA đang cách mạng hóa trải nghiệm web với khả năng hoạt động offline, tốc độ siêu nhanh và trải nghiệm như native app. Tương lai của web đã ở đây!

I. Progressive Web App (PWA) là gì
Đây là định nghĩa của từ progressive trong Progressive Web App.
PWA là tức là cách dùng để mô tả việc làm cho web app "ngon" hơn.
Ngon hơn ở đây là những khả năng web app chưa làm được. Hiện tại vấn đề lớn nhất web app chưa làm được đó là ứng dụng có trải nghiệm người dùng (UX) như là native app.
Để làm được điều này, PWA cần đảm bảo 3 yếu tố chính:
-
Reliable: App load nhanh và có thể sử dụng offline. Ví dụ vào niviki.com chỉ mất 0.5s, tắt mạng đi vẫn dùng được.
-
Fast: App không những load nhanh mà còn chạy nhanh như máy điện, nhấn button phát là mở trang mới ngay, animation load vù vù không một dấu hiệu giật lag.
Engaging: Có khả năng dụ user như là native app. Có thể gửi notification, badge.
(Hình ảnh minh hoạ) Tiki - Một trong những đơn vị dụ user theo trend qua push notification số một VN từ #chạy ngay đi #bua yeu đến #sân choi cua tao
II. Progressive Web App vs Native Mobile App.
Sao không làm mẹ native app luôn đi? Progressive là gì cho mất thời gian?
Về mặt kinh doanh
Source: https://www.mobiloud.com/blog/mobile-apps-vs-the-mobile-web
Số người dùng mobile app sẽ nhiều hơn mobile web. Nhưng điều đáng nói trên 80% user chỉ dùng những app top chart như Facebook Messenger, Youtube, vv. Và trung bình mỗi user chỉ cài 1,2 app một tháng. ( Những số liệu này thay đổi từng năm, nhưng bạn có thể dàng search trên Google, đã có nhiều tổ chức làm research và công bố. )
Ngươc lại, chi phí để reach 1 user ( dụ user dùng app ) trên web là rẻ hơn.
Ví dụ bạn chạy quảng cáo một cái web, user có thể tò mò click vào xem. Còn quảng cáo cho một mobile app, user phải click vào App Store/CH Play xong tắt mất tiu. Chưa kể web còn thể SEO, ví dụ user đang tìm "phần mềm nói chuyện tiếng Anh với người nước ngoài", thấy kết quả trên Google, họ sẽ click vào ngay, chứ không ai lại vào App Store/CH Play tìm kiếm cái mình cần trước cả.
Về mặt kỹ thuật.
Dễ thấy nhất là đỡ phải học 2 ngôn ngữ cho iOS và Android. Vậy React Native cũng vậy mà?
Nhưng PWA sẽ tận dụng được source code của web, RN hiện tại thì không
React Native dù native nhưng vẫn phải cần có native dev trong team để fix lỗi, viết các module của native.
III. Demo
Đây là trang báo của Financial Times, bạn hãy vào trang này bằng mobile, sau đó tắt mạng và tiếp tục dùng nhé.
http://app.ft.com/ Sau đó vào lại VNexpress.net để so sánh trải nghiệm người dùng khi đọc tin tức ở 2 trang
Ngoài ra, https://pwa.rocks/ là một trang listing các PWA, nhưng nó có chia ra các category khác nhau như game, shopping, news. Bạn hãy vào trang này bằng mobile và clicks từng ứng dụng để xem PWA chạy thế nào nhé, đặc biệt là thử chơi Flappy Bird với 2048 được viết bằng PWA
IV Học PWA ở đâu?
Progressive Web Apps Training Khoá học Udemy: Progressive Web Apps (PWA) - The Complete Guide - Khoá này mình cực kỳ recommend, nội dung rất chi tiết, anh Maximilian Schwarzmüller này cũng có rất nhiều khoá về web development rồi nên bạn yên tâm về chất lượng.
Kết
Có nhiều nhận định là PWA sẽ là tương lai của ứng dụng di động. Theo mình công nghệ cũng một phần, app bạn ngon thì users cũng chả quan tâm bạn dùng công nghệ gì đâu. Những app mình hay dùng như Money Lover, Trello, WorkFlowy, dù chúng có viết bằng gì đi nữa, mình vẫn dùng.
Related Posts
Discover more content you might enjoy

Vibe Coding - Code lại blog từ đầu và rebrand thành khoa.blog
Chia sẻ chi tiết quá trình build lại blog từ đầu với vibe coding, từ việc chuyển đổi dữ liệu đến việc triển khai các tính năng mới, giúp người đọc hiểu rõ hơn về quá trình phát triển blog cá nhân.

Game Theory trong thời đại AI: Khi máy móc tham gia vào "trò chơi"
Bài viết phân tích sự giao thoa giữa lý thuyết trò chơi (Game Theory) và trí tuệ nhân tạo, giải thích cách AI đang thay đổi các nguyên lý cân bằng Nash và chiến lược tối ưu. Tác giả đưa ra các ví dụ thực tế về ứng dụng trong kinh doanh, giao thông và an ninh mạng.

Bài này không phải AI viết
Suy ngẫm chân thành về giá trị của việc viết thủ công trong kỷ nguyên AI. Dù AI có thể tạo nội dung hiệu quả, bài viết này là lời khẳng định về sự kết nối cá nhân và giá trị độc đáo mà con người mang lại cho văn bản của mình.

Vibe Coding và các nhược điểm của nó
Phân tích chi tiết các nhược điểm và rủi ro của phương pháp Vibe Coding - cách tiếp cận để AI viết code mà không cần sự giám sát của con người, giúp người đọc hiểu rõ hơn về những thách thức trong việc áp dụng công nghệ AI vào phát triển phần mềm.

Sức mạnh của sự tập trung
Bài viết chia sẻ về tầm quan trọng của việc tập trung vào một mục tiêu chính thay vì phân tán sức lực vào nhiều việc cùng lúc.

Không thích Toán có nên học Thương mại điện tử
Bài viết phân tích về ngành Thương mại điện tử và liệu người không thích Toán có phù hợp với ngành này không. Tác giả giải thích các khía cạnh của ngành học, các môn học liên quan, và các cơ hội nghề nghiệp sau khi tốt nghiệp như lập trình viên, digital marketing, quản lý sản phẩm và nhiều vị trí khác trong các công ty thương mại điện tử.