Mỗi tháng, Mynet cung cấp hơn 34 triệu khách truy cập vào trang web của họ với nội dung và dịch vụ tin tức, video, trò chơi, tài chính, thông tin và giải trí. Sau khi chạy một Ứng dụng web tiến bộ (PWA) sử dụng Accelerated Mobile Pages (AMP) cho nội dung, họ nhận thấy thời gian tải trang trung bình giảm 4 lần. Ngoài ra, Mynet nhận thấy mức độ tương tác của người dùng tăng đáng kể, với thời gian trung bình dành cho trang web dành cho thiết bị di động tăng 43%.
- Doanh thu tăng 25% từ mỗi lượt xem trang bài viết
- Tốc độ tải trang trung bình nhanh hơn gấp 4 lần
- Thời gian trung bình trên trang web dài hơn 43%
- Số lượt xem trang mỗi phiên tăng 34%
- Tỷ lệ thoát thấp hơn 24%
Khó khăn
Với hơn 85% lưu lượng truy cập trên thiết bị di động đến từ web dành cho thiết bị di động, trang web dành cho thiết bị di động của Mynet là một phần không thể thiếu trong chiến lược của họ. Tuy nhiên, họ nhận thấy người dùng dành ít thời gian hơn gấp 2 lần trên trang web dành cho thiết bị di động so với người dùng ứng dụng gốc. Khi Mynet phân tích hành vi của người dùng trên trang web dành cho thiết bị di động, họ thấy rõ trải nghiệm trên web dành cho thiết bị di động quá chậm. Mynet cần xây dựng một trang web di động cực kỳ nhanh, hấp dẫn, tương tự như những gì họ có thể đạt được với ứng dụng gốc.
Giải pháp
Để tăng lưu lượng truy cập và lượt tương tác lại cùng lúc, Mynet đã ra mắt một ứng dụng web tiến bộ (PWA) sử dụng AMP để mang đến trải nghiệm nhanh như ứng dụng trên web dành cho thiết bị di động. Với chế độ thiết lập này, các trang bài viết sẽ tải nhanh hơn gấp 4 lần so với trang web cũ dành cho thiết bị di động. Điều này dẫn đến tỷ lệ thoát tương ứng giảm 24%. Mynet cũng nhận thấy mối tương quan giữa tốc độ và mức độ tương tác, khi người dùng bắt đầu dành thêm 43% thời gian trên trang web. Họ cũng nhận thấy số lượt xem trang tăng 34% mỗi phiên. Tất cả những điều này được hoàn thiện theo nhiều giai đoạn:
Bắt đầu nhanh với AMP
Trước tiên, Mynet đã tích hợp tính năng hỗ trợ cho các bài viết dưới dạng các trang AMP độc lập. Việc này giúp họ hiển thị kết quả trong băng chuyền AMP trong kết quả tìm kiếm trên Google. Ngoài ra, API này còn mang lại hiệu suất tải trang vượt trội cho người dùng duyệt xem nội dung trên web dành cho thiết bị di động. Điều này rất quan trọng đối với các mạng hạn chế hoặc không ổn định. Việc ra mắt các trang AMP độc lập không phải là một thách thức lớn với hệ thống CMS của họ. Họ chỉ mất hai tuần để khởi chạy tất cả nội dung bài viết của họ trong AMP.
Để đảm bảo quảng cáo được phân phát nhanh nhất có thể và hiệu quả nhất có thể, Mynet đã chạy Quảng cáo AMP. Các quảng cáo này tải nhanh gấp đôi so với quảng cáo chuẩn, với tỷ lệ nhấp (CTR) và doanh thu tăng lên đến 30%.
Duy trì tốc độ cao và tương tác lại bằng PWA
Tiếp theo, Mynet muốn cải thiện trang web dành cho thiết bị di động nên họ đã tạo một phiên bản beta riêng cho trang web dành cho thiết bị di động bằng các công nghệ PWA. Họ đã tìm cách sử dụng những công nghệ này để cung cấp trải nghiệm người dùng (UX) giống ứng dụng, sống động hơn thay vì ít cập nhật trang web cơ bản. Cụ thể, họ đã tận dụng nhân viên dịch vụ để có hiệu suất đáng tin cậy trên các mạng không ổn định, cũng như lời nhắc "Thêm vào Màn hình chính" cùng với Thông báo đẩy để tương tác lại. Họ đã tạo ra một PWA hàng đầu trong ngành với điểm hiệu suất của Lighthouse là 95/100. (Lighthouse là một công cụ tự động giúp cải thiện chất lượng của những trang web có thể chạy dựa trên bất kỳ trang nào trên web).
AMP và PWA hoạt động hiệu quả hơn khi kết hợp với nhau
Sau khi thử nghiệm AMP và PWA dưới dạng phiên bản độc lập và tối ưu hoá hiệu suất, Mynet đã sẵn sàng chuyển sang giai đoạn cuối cùng của quá trình xây dựng giải pháp hợp nhất cho trang web dành cho thiết bị di động. Việc đặt các trang nội dung AMP vào PWA sẽ giúp tăng tốc độ và khả năng hữu dụng cho trang web mới dành cho thiết bị di động. Sau khi ra mắt trang web AMP/PWA kết hợp, Mynet đã giảm một nửa số lượng phiên bản sản xuất web (thiết bị di động và máy tính) – giảm số lượt triển khai cần thiết để duy trì và cải thiện mã.
Tại sao bạn nên sử dụng giải pháp kết hợp AMP/PWA? AMP mang lại hiệu suất tải trang đầu tiên vượt trội trên web dành cho thiết bị di động, trong khi PWA giúp các lượt truy cập lặp lại trở nên nhanh chóng và đáng tin cậy. Nhờ có lời nhắc "Thêm vào Màn hình chính" và Thông báo đẩy, PWA cũng cho phép các trang web tăng mức độ tương tác lại của người dùng. Chiến lược này cho phép Mynet cung cấp trải nghiệm chất lượng cao trong các lượt truy cập đầu tiên hoặc lặp lại, bất kể điều kiện mạng.
Khoảng 30% khách truy cập vào trang web dành cho thiết bị di động của Mynet sử dụng thiết bị iOS. Mynet nhận thấy số lượt xem trang trung bình mỗi phiên tăng 15% và tỷ lệ thoát giảm 23% trên iOS, mặc dù tính năng "Thêm vào Màn hình chính", Thông báo đẩy và chức năng lưu vào bộ nhớ đệm ngoại tuyến không hoạt động do thiếu sự hỗ trợ của trình chạy dịch vụ trên iOS. Mức độ tương tác gia tăng này là nhờ những cải tiến về tốc độ và giao diện người dùng (UI) mà PWA dựa trên AMP mang lại.
Tác động tổng thể của việc sử dụng AMP trong PWA là tăng 25% doanh thu quảng cáo trên mỗi lượt xem trang bài viết.
Đổi mới trọng tâm vào tốc độ, chúng tôi quyết định tích hợp AMP và xây dựng một Ứng dụng web tiến bộ. AMP đóng vai trò quan trọng trong việc giảm số lượt bỏ qua trang và giờ đây, chúng tôi thấy các trang AMP tải nhanh hơn gấp 4 lần. Bằng cách xây dựng PWA, chúng tôi đã đạt được tính năng tương đương với ứng dụng của mình và người dùng hiện dành thêm 43% thời gian trên trang web và tương tác lại thường xuyên hơn.
M. Fuat Seker , Nhà quản lý nhóm sản phẩm và Phát triển kinh doanh, Mynet
Kết quả bổ sung
- Thời gian tải nhanh hơn gấp 2 lần với Quảng cáo AMP
- CTR và doanh thu cao hơn 30% với Quảng cáo AMP
- Số lượt xem trang trung bình trên mỗi phiên tăng 15% trên iOS
- Tỷ lệ thoát giảm 23% trong iOS