Hãy nhớ một vài năm trước, khi mọi người thường nói chủ sở hữu trang web nên áp dụng thiết kế trang web đáp ứng cho người dùng điện thoại thông minh? Đó là lý do tại sao rất nhiều trang web đang xây dựng PWA. Vậy PWA là gì? Trang web lưu trữ WordPress của chúng tôi có cần sử dụng PWA không? Hãy tham khảo bài viết dưới đây để giải đáp thắc mắc này nhé!
PWA là gì? Bạn có cần xây dựng PWA cho trang web của mình không?
PWA là gì?
Để hiểu rõ về PWA, chúng tôi so sánh cả trang web và ứng dụng dành cho thiết bị di động để hiểu rõ hơn. Trong bảng dưới đây, một số (nhưng không phải tất cả) các tính năng chú ý được hiển thị có tương quan với PWA ở giữa (phần nào thể hiện khả năng của PWA để kéo web và ứng dụng lại với nhau).
| Tính năng | Trang mạng | Ứng dụng web tiến bộ | Ứng dụng di động |
| Ngoại tuyến | KHÔNG | VÂNG | VÂNG |
| Cửa hàng ứng dụng | KHÔNG | KHÔNG | VÂNG |
| Phản ứng nhanh nhẹn | VÂNG | VÂNG | VÂNG |
| Có thể tìm kiếm | VÂNG | VÂNG | KHÔNG |
| Thông báo địa phương | KHÔNG | VÂNG | VÂNG |
| Thông báo đẩy | KHÔNG | VÂNG | VÂNG |
| Tải xuống để cài đặt | KHÔNG | KHÔNG | VÂNG |
| Cập nhật nhanh | VÂNG | VÂNG | KHÔNG |
Về cơ bản, có 4 yêu cầu như sau để xác định một PWA, hiện được hỗ trợ bởi Google Chrome, Opera và Samsung Internet. Đó là:
- Một trang web phải được truy cập hai lần với thời gian nghỉ 5 phút để đủ điều kiện
- Đáp ứng kết nối HTTPS an toàn
- Đã cài đặt Tệp kê khai JSON
- Service Worker đã được cài đặt
Khi thỏa mãn 4 điều kiện này, nhà phát triển có thể thoải mái tùy chỉnh các tính năng theo ý muốn, từ đó chúng ta có thể xem cả trang lỗi ngoại tuyến, hoàn thành duyệt ngoại tuyến trên dự án và trang web mà chúng tôi đang truy cập.
Như vậy, bạn có thể thấy PWA là một ứng dụng có thể cung cấp các tính năng bổ sung dựa trên các thiết bị được hỗ trợ, cung cấp khả năng ngoại tuyến, thông báo đẩy, có giao diện và tốc độ tương tự như ứng dụng. sử dụng bản địa và lưu trữ tài nguyên cục bộ. Ứng dụng ra đời mang lại rất nhiều lợi ích cho cả người dùng và nhà phát triển.
Ưu điểm của PWA là gì?
Ứng dụng web tiến bộ có thể mang lại lợi ích cho các nhà bán lẻ, nhà cung cấp thông tin, tổ chức phi chính phủ và người dùng của họ, chẳng hạn như:
- Khả năng ngoại tuyến
- Tốc độ và hiệu suất tốt hơn nhiều so với trang web
- An ninh tốt
- Thêm vào màn hình chính
- Thông báo đẩy
- Tỷ lệ thoát tốt hơn
- Lấp đầy khoảng cách giữa ứng dụng dành cho thiết bị di động và trang web
- Nó giống như một ứng dụng
- Không gửi / từ chối từ App Store
Nhược điểm của PWA
Bên cạnh những ưu điểm trên, PWA cũng có những nhược điểm sau:
- Hỗ trợ trình duyệt hạn chế
- Quyền truy cập API gốc bị hạn chế
- Không vào được App Store
- Không phải tất cả các PWA ngày nay đều sử dụng liên kết cho cấu trúc trang của họ, việc xây dựng các PWA bằng các tab là không thể liên kết và do đó công cụ tìm kiếm không thể tìm thấy.
Bạn có thể xây dựng PWA cho trang web của mình như thế nào?
Tin tốt cho các quản trị viên web mà không có nhiều kiến thức về mã hóa là có một plugin WordPress cho PWA. Đó là gói WordPress dành cho thiết bị di động
Sau khi kích hoạt plugin và chọn phiên bản mới nhất của chủ đề Obliq, trang web trên máy tính để bàn của bạn sẽ vẫn hiển thị với chủ đề doanh nghiệp trước đó. Trong khi đó, chủ đề Obliq được hiển thị trên trình duyệt của điện thoại. Trong menu bắt đầu của plugin trên bảng điều khiển WordPress, hãy đặt PWA để chỉ hiển thị tôi. Sau đó, bạn có tùy chọn tải lên một biểu tượng cho màn hình chính của người dùng và bạn chỉ cần chọn một bảng màu mà bạn thích.
Điều gì sẽ xảy ra nếu bạn muốn xây dựng PWA của riêng mình mà không sử dụng plugin WordPress?
- Google Codelab có hướng dẫn 8 bước để hướng dẫn các nhà phát triển những kiến thức cơ bản về chuyển đổi trang web trên máy tính để bàn thành PWA.
- Danh sách kiểm tra ứng dụng web cơ bản của Google bao gồm một số yếu tố mà ngay cả những người không phải là lập trình viên cũng có thể giải quyết, như kiểm tra tính thân thiện với thiết bị di động của PWA và xác minh rằng trang web đã được cập nhật. phân phối qua HTTPS, cùng với các tác vụ nâng cao hơn như cài đặt dịch vụ và tệp kê khai ứng dụng web.
- Khi bạn đã đáp ứng các yêu cầu cơ bản, có hơn 20 thành phần trong Danh sách kiểm tra PWA, bao gồm đánh dấu lược đồ, mạng bộ nhớ cache đầu tiên, quản lý thông tin xác thực cho các trang web yêu cầu người dùng đăng nhập và rất nhiều phần tử UI / UX.
- Sau khi hoàn tất, bạn có thể kiểm tra PWA của mình với Lighthouse trong Chrome DevTools để xem những gì hoạt động và những gì cần được tùy chỉnh.
Sự kết luận
Qua bài viết trên, chắc bạn đã hiểu PWA là gì và cách xây dựng PWA cho website của mình. Dù bằng cách nào, thời gian đầu tư có thể mang lại doanh thu cao hơn, khả năng tiếp cận tốt hơn cho người dùng có kết nối chậm hoặc chậm và trải nghiệm người dùng di động tốt hơn.
XEM THÊM:
phần mềm quản trị cPanel và những điều bạn cần biết
Hãy ghi nhớ 5 nguyên tắc VÀNG để giúp việc kinh doanh trực tuyến của bạn HIỆU QUẢ nhất
