4 điểm quan trọng cần biết về Ứng dụng web lũy tiến (PWA)

PWA (Progressive Web Apps) là một trong những sự thay đổi công nghệ được nhắc đến nhiều nhất trên web và đã đạt được động lực vô song trong số các học viên trong thế giới CNTT. Nếu bạn đang xây dựng trang web, tôi sẽ chắc chắn rằng PWA là word từ thông dụng mới nhất đã được thêm vào từ vựng công việc của bạn. Nó không đáng ngạc nhiên vì PWA đã biến giấc mơ xa vời của việc cài đặt các ứng dụng web trên điện thoại thành sự thật.

Hiện đã có rất nhiều sự chú ý và eek geekspeaks về việc xây dựng PWA và những lợi thế của nó. Hầu hết các nỗ lực để giới thiệu PWA, đặc biệt là cho người mới, dường như là biệt ngữ đầy hoặc có quá nhiều mã có thể khiến họ sợ hãi phải thực hiện bước đầu tiên. Trong bài viết này, tôi đã cố gắng đưa ra một ảnh chụp nhanh về PWA, chỉ đủ để khởi động quá trình học tập của họ.

1. Ứng dụng Web lũy tiến là gì?

Ứng dụng web tiến bộ (PWA) là một thuật ngữ được sử dụng để biểu thị một phương pháp phát triển phần mềm mới. Không giống như các ứng dụng truyền thống, các ứng dụng web lũy tiến là sự kết hợp của các trang web thông thường (hoặc trang web) và một ứng dụng di động. Mô hình ứng dụng mới này cố gắng kết hợp các tính năng được cung cấp bởi hầu hết các trình duyệt hiện đại với lợi ích của trải nghiệm di động.

Đây là những gì wikipedia nói về PWA. Chà, điều này có vẻ hơi mơ hồ hoặc thậm chí gây tranh cãi. Vì vậy, hãy để Lôi nhìn PWA một cách không chính thức.

Nếu từng là trang web tốt nhất và ứng dụng tốt nhất có một đứa trẻ nhân bản - đó là PWA. Mặt khác, nó chỉ là một trang web đã sử dụng tất cả các vitamin vitamin phải để nó có thể hoạt động giống như một ứng dụng được tải xuống từ App Store / Play Store. Nó bắt đầu như một trang web bình thường trong trình duyệt và khi người dùng khám phá trang web, họ sẽ nhận được lời nhắc nếu họ muốn vào Thêm Add vào màn hình chính. Khi người dùng đưa ra ý kiến ​​về lời nhắc này, VOILA! PWA được thêm vào màn hình chính của họ. Sau khi mở từ màn hình chính, nó thậm chí có thể ẩn các điều khiển UI của trình duyệt và xuất hiện dưới dạng một ứng dụng.

Điều này giống như một dấu trang được tôn vinh đã đạt được điểm ngọt ngào giữa web và ứng dụng di động. Tôi nói điều này bởi vì PWA đã tìm cách thu hẹp khoảng cách trên web. Web luôn khao khát hiệu năng đáng tin cậy ngang với các ứng dụng gốc. Nó luôn khao khát một vị trí trong khay thông báo và trong màn hình chính giống như một ứng dụng. Hơn 40% người dùng thoát khỏi các trang web mất hơn 3 giây để tải. PWA là một giải pháp cho dịch vụ Béo phì béo phì Web Web này mà người dùng phải đối mặt.

Đó là tất cả về việc loại bỏ ma sát và giúp người dùng dễ dàng đi đến những gì họ muốn.

Toàn bộ tín dụng cho trải nghiệm liền mạch này phải được trao cho Công nhân dịch vụ (Tập lệnh mà trình duyệt chạy trong nền tách biệt với trang web), là xương sống của mọi PWA. Các nhân viên dịch vụ cho phép bộ nhớ đệm thông minh và đáng tin cậy, cập nhật nội dung nền, thông báo đẩy và chức năng ngoại tuyến hấp dẫn nhất cho các trang web được truy cập trước đó. Điều này có nghĩa là, sau lần truy cập đầu tiên vào một trang web, trang web và ứng dụng sẽ nhanh chóng đáng tin cậy ngay cả trên các mạng không ổn định.

Nhưng một câu hỏi có thể xuất hiện ở đây - còn tải đầu tiên nhanh với hiệu suất đáng tin cậy thì sao? Rằng khi trang di động tăng tốc (AMP) gặp nhân viên dịch vụ. AMP cung cấp các thành phần web nhanh đáng tin cậy cho lần tải đầu tiên. Các thành phần này nhanh hơn để tải và ít dữ liệu đói hơn. Các trang web sử dụng kết hợp AMP và Service Worker sẽ cung cấp tốc độ đáng tin cậy như các ứng dụng gốc. Khi trang được tải, trang sẽ thiết lập nhân viên dịch vụ và tài sản được lưu trữ thông minh. Điều này sẽ luôn cập nhật PWA do đó giải phóng người dùng khỏi các bản cập nhật thường xuyên được thực hiện từ App Store.

PWA một cách ngắn gọn:

  • Đáng tin cậy: Tải nhanh và hoạt động ngoại tuyến
  • Nhanh: Ảnh động mượt mà, cuộn miễn phí và điều hướng liền mạch ngay cả trên các mạng không ổn định
  • Tham gia: Khởi chạy từ màn hình chính và có thể nhận thông báo đẩy

2. Tại sao nó quan trọng?

Có một huyền thoại rằng người dùng sẽ vui vẻ tải xuống ứng dụng của mọi trang web họ truy cập thường xuyên. Theo Báo cáo ứng dụng di động của Comscore, hơn 50% người dùng điện thoại thông minh America America tải xuống Ứng dụng Zero mỗi tháng. tức là đã qua những ngày điện thoại đầy ứng dụng và giai đoạn trăng mật điện thoại thông minh của mọi người đang cạn kiệt. Mỗi bước để tải xuống một ứng dụng làm giảm 20% người dùng. PWA giảm các bước giữa phát hiện ứng dụng và tải ứng dụng trên màn hình chính và do đó loại bỏ ma sát khi cài đặt ứng dụng. Điều này cung cấp một mảnh đất rất màu mỡ cho các doanh nghiệp tham gia PWA của họ.

Ba số liệu sau đây có thể được làm nổi bật để hiểu tầm quan trọng của PWA trong việc tạo khuôn web tương lai.

a. Phạm vi tiếp cận: Đối tượng web di động đã tăng với tốc độ tăng vọt trong vài năm qua. Google đã báo cáo rằng Chrome đã tăng 1 tỷ người dùng di động so với 400 triệu người dùng trước đó vào năm 2016. Theo báo cáo của Comscore, phạm vi tiếp cận của web di động cao gấp 2,5 lần so với các ứng dụng, trong khi xem xét 1000 trang web và ứng dụng hàng đầu. Đây là lý do tại sao quyết định của Flipkart, Myntra, v.v ... từ bỏ trang web của họ và chỉ ‘ứng dụng chỉ có phản hồi. Nếu chúng tôi có thể cung cấp trải nghiệm tốt hơn cho đối tượng rộng hơn, chúng tôi chắc chắn có thể có được lợi thế cạnh tranh so với những người khác.

b. Mua lại: Một mối quan tâm nghiêm trọng khác mà các ứng dụng di động phải đối mặt là khả năng khám phá người dùng của họ so với các trang web. Chi phí mua lại người dùng của web sẽ rẻ hơn 10 lần so với các ứng dụng gốc. Với khả năng tiếp xúc nhiều hơn và ma sát thấp khi lên máy bay, PWA có thể sẽ có được nhiều người dùng hơn với chi phí rất thấp.

c. Chuyển đổi: Kết nối liền mạch đến trải nghiệm người dùng cuối ngay cả với các mạng không ổn định do PWA cung cấp giúp cải thiện số lượng chuyển đổi thành công. Flipkart đã ra mắt PWA Flipkart-lite của họ, họ tuyên bố đã tăng 70% tỷ lệ chuyển đổi với chi phí mua lại thấp hơn.

Tóm lại: PWA giúp cải thiện chuyển đổi bằng cách tăng phạm vi tiếp cận tiềm năng với chi phí mua lại thấp.

3. Làm thế nào để bắt đầu?

Một khi bạn làm quen với một công nghệ mới, thử thách tiếp theo là quyết định áp dụng nó. Hầu hết mọi người rơi vào tình huống khó xử vào thời điểm này. Quyết định nên được thúc đẩy bởi nhu cầu kinh doanh cụ thể của bạn. Hai trường hợp sau đây có thể giúp bạn xác định phương pháp phù hợp với bạn để thực hiện PWA.

a) Từ mặt đất bằng không

Xem xét kịch bản khi một công ty đang xây dựng một trang web mới hoặc trải qua thiết kế lại. Trong trường hợp này, việc xây dựng PWA từ mặt đất bằng 0 có ý nghĩa và khả thi. Điều này sẽ có doanh nghiệp khai thác sức mạnh của PWA với AMP, nhân viên dịch vụ, vỏ ứng dụng và Bản kê khai Web. Ví dụ: Theo Ali Express, một khi họ cải tổ trang web của mình thành PWA, họ có thể tăng tỷ lệ chuyển đổi cho người dùng mới lên 104%, tăng thêm 2 lần lượt truy cập mỗi phiên cho mỗi người dùng trên tất cả các trình duyệt và tăng 74% thời gian mỗi phiên trên tất cả các trình duyệt.

b) Một phiên bản đơn giản hoặc Một tính năng duy nhất

Khi xây dựng từ đầu là không thực tế, người ta luôn có thể xây dựng một phiên bản đơn giản của trang web hoặc tập trung vào một tính năng duy nhất có tác động cao đối với người dùng cuối. Trọng tâm là cung cấp một trải nghiệm nhanh chóng, hấp dẫn và đáng tin cậy. AirBerlin là một ví dụ thích hợp trong trường hợp này. Họ tập trung vào trải nghiệm sau khi đặt phòng trong PWA của họ. Sau khi một hành khách đã đăng ký, họ có thể truy cập chi tiết hành trình và thẻ lên máy bay ngay cả khi không có kết nối internet.

4. Những thách thức trong PWA

Có một số thách thức trong PWA phải được xem xét trong khi lựa chọn nó.

a) Hỗ trợ trình duyệt chéo: Mặc dù trình duyệt Android Chrome, Opera và Samsung, hỗ trợ PWA, IE, Edge và Safari vẫn chưa mở rộng hỗ trợ của họ.

b) Chức năng hạn chế: PWA doesn không có hỗ trợ cho bất kỳ phần cứng nào không được HTML5 hỗ trợ

c) Tính hợp pháp hạn chế: Vì không có Cửa hàng tải xuống trung tâm cho PWA, nên họ thiếu cảm giác về tính hợp pháp và tự tin thường được cung cấp bởi các ứng dụng gốc từ Play Store / App Store.

d) Hỗ trợ đăng nhập ứng dụng chéo: Các ứng dụng gốc có khả năng nói chuyện với các ứng dụng khác và xác thực đăng nhập (Facebook, Twitter, Google). Là một trang web, PWA hiện không có khả năng giao tiếp với các ứng dụng khác được cài đặt.

Phần kết luận

Chúng ta có thể nói rằng PWA sẽ giết Ứng dụng gốc trong tương lai. Nhưng vẫn có một mối quan tâm ngày càng tăng đối với phương pháp này trong cộng đồng. PWAs vẫn còn trong giai đoạn trứng nước với rất nhiều thách thức phải giải quyết. Tuy nhiên, họ có tiềm năng tạo ra sự thay đổi trong cách thức hoạt động của web.

Thức ăn cho suy nghĩ

Theo Henrik Joreteg, thì PW PWA là điều lớn nhất xảy ra trên web di động kể từ khi Steve giới thiệu iPhone!

Tranh cãi? Gây tranh cãi? Đồng ý?

Hãy suy nghĩ trước khi thời gian trôi nhanh!