ทุกๆ เดือน Mynet ให้ผู้เข้าชมมากกว่า 34 ล้านคนเข้าชมเว็บไซต์ของตนด้วยเนื้อหาและบริการข่าว วิดีโอ เกม การเงิน ข้อมูล และความบันเทิง หลังจากเปิดตัว Progressive Web App (PWA) ที่ใช้ Accelerated Mobile Pages (AMP) สำหรับเนื้อหา บริษัทพบว่าเวลาในการโหลดหน้าเว็บเฉลี่ยลดลง 4 เท่า นอกจากนี้ Mynet พบว่าการมีส่วนร่วมของผู้ใช้เพิ่มขึ้นอย่างมาก โดยเวลาที่ใช้บนเว็บไซต์ในอุปกรณ์เคลื่อนที่โดยเฉลี่ยเพิ่มขึ้น 43%
- รายได้ต่อการดูหน้าเว็บของบทความสูงขึ้น 25%
- เวลาในการโหลดหน้าเว็บเฉลี่ยเร็วขึ้น 4 เท่า
- ใช้เวลาบนไซต์เฉลี่ยนานขึ้น 43%
- การดูหน้าเว็บต่อเซสชันเพิ่มขึ้น 34%
- อัตราตีกลับลดลง 24%
ชาเลนจ์
เนื่องจากการเข้าชมบนอุปกรณ์เคลื่อนที่กว่า 85% มาจากเว็บบนอุปกรณ์เคลื่อนที่ เว็บไซต์บนอุปกรณ์เคลื่อนที่ของ Mynet จึงเป็นส่วนที่สำคัญในกลยุทธ์ของบริษัท อย่างไรก็ตาม พวกเขาสังเกตเห็นว่าผู้ใช้ใช้เวลาบนเว็บไซต์ในอุปกรณ์เคลื่อนที่น้อยกว่าผู้ใช้แอปที่มาพร้อมเครื่องถึง 2 เท่า เมื่อ Mynet วิเคราะห์พฤติกรรมผู้ใช้บนเว็บไซต์ในอุปกรณ์เคลื่อนที่ เห็นได้ชัดว่าประสบการณ์ในการใช้งานเว็บบนอุปกรณ์เคลื่อนที่นั้นช้าเกินไป Mynet จำเป็นต้องสร้างเว็บไซต์บนอุปกรณ์เคลื่อนที่ที่รวดเร็ว และน่าสนใจ ซึ่งคล้ายกับสิ่งที่ทำได้เมื่อใช้แอปที่มาพร้อมเครื่อง
โซลูชัน
Mynet ได้เปิดตัว PWA ที่ใช้ AMP เพื่อมอบประสบการณ์การใช้งานที่รวดเร็วเหมือนแอปในเว็บบนอุปกรณ์เคลื่อนที่ เพื่อกระตุ้นการเข้าชมและการมีส่วนร่วมอีกครั้งไปพร้อมๆ กัน การตั้งค่านี้ช่วยให้หน้าบทความโหลดได้เร็วขึ้น 4 เท่าเมื่อเทียบกับเว็บไซต์ในอุปกรณ์เคลื่อนที่แบบเก่า ซึ่งทำให้อัตราตีกลับลดลง 24% นอกจากนี้ Mynet ยังพบความสัมพันธ์ระหว่างความเร็วกับการมีส่วนร่วม เนื่องจากผู้ใช้เริ่มใช้เวลาบนเว็บไซต์มากขึ้น 43% และยังมีการดูหน้าเว็บเพิ่มขึ้น 34% ต่อเซสชัน ทั้งหมดนี้มีหลายขั้นตอน
เริ่มต้นอย่างรวดเร็วด้วย AMP
Mynet สร้างขึ้นการรองรับบทความ โดยแสดงเป็นหน้า AMP แบบสแตนด์อโลน ซึ่งจะช่วยให้แสดงผลการค้นหาในภาพสไลด์ AMP ในผลการค้นหาของ Google ได้ นอกจากนี้ยังช่วยให้ประสิทธิภาพในการโหลดหน้าเว็บที่โดดเด่นสำหรับผู้ใช้ที่เรียกดูเนื้อหาในเว็บบนอุปกรณ์เคลื่อนที่ ซึ่งมีความสำคัญต่อเครือข่ายที่จำกัดหรือไม่น่าเชื่อถือ การเปิดตัวหน้า AMP แบบใช้งานเดี่ยวๆ ไม่ใช่เรื่องท้าทายสำหรับระบบ CMS ของตน และใช้เวลาเพียง 2 สัปดาห์ในการเปิดตัวเนื้อหาบทความทั้งหมดใน AMP
Mynet ได้เปิดตัวโฆษณา AMP เพื่อให้แน่ใจว่าโฆษณาจะแสดงได้อย่างรวดเร็วและมีประสิทธิภาพมากที่สุด โฆษณาเหล่านี้โหลดเร็วกว่าโฆษณามาตรฐานถึง 2 เท่า โดยมีอัตราการคลิกผ่าน (CTR) และรายได้เพิ่มขึ้นสูงสุด 30%
รักษาได้รวดเร็วและกลับมามีส่วนร่วมอีกครั้งด้วย PWA
ต่อมา Mynet ต้องการปรับปรุงเว็บไซต์บนอุปกรณ์เคลื่อนที่ จึงสร้างเว็บไซต์บนอุปกรณ์เคลื่อนที่รุ่นเบต้าแยกต่างหากด้วยเทคโนโลยี PWA บริษัทต้องการใช้เทคโนโลยีเหล่านี้เพื่อมอบประสบการณ์ของผู้ใช้ (UX) ที่สมจริงและคล้ายแอปมากขึ้น แทนที่จะต้องอัปเดตเว็บไซต์ที่สำคัญเพียงเล็กน้อย ยิ่งไปกว่านั้น พวกเขาใช้ประโยชน์จากโปรแกรมทำงานของบริการเพื่อประสิทธิภาพที่เสถียรบนเครือข่ายที่สัญญาณไม่สม่ำเสมอ และข้อความแจ้งเตือนผู้ใช้ "เพิ่มลงในหน้าจอหลัก" และข้อความ Push เพื่อการมีส่วนร่วมอีกครั้ง สร้าง PWA ที่ดีที่สุดด้วยคะแนนประสิทธิภาพของ Lighthouse อยู่ที่ 95 เต็ม 100 (Lighthouse เป็นเครื่องมืออัตโนมัติสำหรับปรับปรุงคุณภาพของหน้าเว็บที่สามารถทำงานกับทุกหน้าเว็บบนเว็บ)
AMP และ PWA จะทำงานได้ดียิ่งขึ้นเมื่อใช้ร่วมกัน
หลังจากทดสอบ AMP และ PWA เป็นเวอร์ชันสแตนด์อโลนและเพิ่มประสิทธิภาพแล้ว Mynet ก็พร้อมก้าวไปสู่ขั้นตอนสุดท้ายของการสร้างโซลูชันแบบรวมสำหรับเว็บไซต์บนอุปกรณ์เคลื่อนที่ การวางหน้าเนื้อหา AMP ไว้ใน PWA ช่วยให้เว็บไซต์ในอุปกรณ์เคลื่อนที่แห่งใหม่มีความเร็วและความสามารถในการใช้งาน เมื่อเปิดตัวเว็บไซต์ AMP/PWA แบบรวมแล้ว Mynet ลดจำนวนเวอร์ชันที่ใช้งานจริงสำหรับเว็บลงครึ่งหนึ่ง ทั้งอุปกรณ์เคลื่อนที่และเดสก์ท็อป ทำให้มีการติดตั้งใช้งานที่ต้องใช้ในการดูแลรักษาและปรับปรุงโค้ดน้อยลงครึ่งหนึ่ง
เหตุใดจึงควรใช้โซลูชัน AMP/PWA แบบรวม AMP ให้ประสิทธิภาพในการโหลดหน้าแรกในเว็บบนอุปกรณ์เคลื่อนที่ที่ยอดเยี่ยม ขณะที่ PWA ทำให้การเข้าชมซ้ำรวดเร็วและเชื่อถือได้ ข้อความแจ้ง "เพิ่มลงในหน้าจอหลัก" และข้อความ Push ทำให้ PWA ช่วยให้เว็บไซต์เพิ่มการกลับมามีส่วนร่วมของผู้ใช้ได้ด้วย กลยุทธ์นี้ช่วยให้ Mynet มอบประสบการณ์ที่มีคุณภาพสูงในการเข้าชมครั้งแรกหรือการเข้าชมซ้ำ ไม่ว่าเครือข่ายจะมีเงื่อนไขอย่างไร
ผู้เข้าชมเว็บไซต์บนมือถือของ Mynet ประมาณ 30% ใช้อุปกรณ์ iOS Mynet มีการดูหน้าเว็บโดยเฉลี่ยต่อเซสชันเพิ่มขึ้น 15% และอัตราตีกลับลดลง 23% ใน iOS แม้ว่าการตั้งค่า "เพิ่มลงในหน้าจอหลัก" ข้อความ Push และการแคชแบบออฟไลน์จะไม่พร้อมใช้งานเนื่องจากขาดการรองรับโปรแกรมทำงานของบริการบน iOS การมีส่วนร่วมที่เพิ่มขึ้นนี้เป็นผลมาจากการปรับปรุงความเร็วและอินเทอร์เฟซผู้ใช้ (UI) ที่ได้รับจาก PWA แบบ AMP
ผลกระทบโดยรวมของการใช้ AMP ภายใน PWA คือรายได้จากโฆษณาเพิ่มขึ้น 25% ต่อการดูหน้าเว็บของบทความ
จากความคิดใหม่ในเรื่องความเร็ว เราจึงตัดสินใจผสานรวม AMP และสร้าง Progressive Web App เพราะ AMP นั้นสำคัญต่อการลดการละทิ้งหน้าเว็บกลางคันและตอนนี้เราเห็นหน้า AMP โหลดเร็วขึ้น 4 เท่า การสร้าง PWA ทำให้ฟีเจอร์มีความใกล้เคียงกับแอปของเรา และตอนนี้ผู้ใช้ใช้เวลาในเว็บไซต์มากขึ้น 43% และกลับมามีส่วนร่วมบ่อยขึ้น
M. Fuat Seker ผู้จัดการด้านการพัฒนาธุรกิจและกลุ่มผลิตภัณฑ์ของ Mynet
ผลลัพธ์เพิ่มเติม
- โหลดเร็วขึ้น 2 เท่าด้วยโฆษณา AMP
- CTR และรายได้เพิ่มขึ้น 30% ด้วยโฆษณา AMP
- การดูหน้าเว็บโดยเฉลี่ยต่อเซสชันเพิ่มขึ้น 15% บน iOS
- อัตราตีกลับลดลง 23% ใน iOS