Progressive Web Apps: อนาคตของการพัฒนาเว็บ?

Progressive Web Applications และ Service Workers เป็นแนวคิดที่ค่อนข้างใหม่และเป็นส่วนหลักของสิ่งที่กำลังขัดขวางระบบนิเวศปัจจุบันของเว็บไซต์และแอปบนอุปกรณ์เคลื่อนที่ เราพบว่าอัตรา Conversion เพิ่มขึ้นอย่างมากและอัตราตีกลับลดลงเนื่องจากเทคโนโลยีนี้ได้รับการสนับสนุนจาก Google อ่านเพิ่มเติมเกี่ยวกับพนักงานบริการและเว็บแอปแบบก้าวหน้า และความแตกต่างจากแอปพลิเคชันมือถือและเว็บไซต์แบบเดิม

พนักงานบริการ ซึ่งบางครั้งเรียกง่ายๆ ว่า “SW” ถูกเข้ารหัสเป็นสคริปต์อิสระที่ทำงานควบคู่ไปกับหน้าเว็บไซต์และสคริปต์แบบเดิมๆ แต่มีคุณสมบัติใหม่ที่น่าตื่นเต้นเมื่อเทียบกับ JavaScript ทั่วไปที่พบในเว็บไซต์ทั่วอินเทอร์เน็ต

ด้วยฟังก์ชันการทำงานแบบออฟไลน์ การแจ้งเตือนแบบพุช การแคชแบบเต็ม และความเป็นไปได้เพิ่มเติมในการเชื่อมต่อกับฮาร์ดแวร์ API ของสมาร์ทโฟนและอุปกรณ์อื่นๆ ตัวเลือกจะถูกจำกัดโดยความเฉลียวฉลาดของนักพัฒนาและความคิดสร้างสรรค์ของนักออกแบบเท่านั้น แม้ว่าจะมีข้อดีหลายประการในการใช้พนักงานบริการพร้อมกับเทคโนโลยีเว็บไซต์แบบเดิม แต่เราจะพิจารณาแนวโน้มที่เกิดขึ้นใหม่จากมุมมองของเจ้าของธุรกิจ

เหตุใดจึงต้องใช้ Progressive Web Apps

• ปรับปรุงความเร็วเมื่อเทียบกับความเร็วของเว็บไซต์และแอพมือถือ
• ลดขนาดหน้า
• ฟังก์ชั่นออฟไลน์
• เข้าถึงอุปกรณ์ฮาร์ดแวร์เฉพาะ
• การแจ้งเตือนแบบพุช
• เพิ่มไปที่หน้าจอหลัก

ด้านบนนี้เป็นรายการสาเหตุทั่วไป 6 ประการสำหรับเจ้าของธุรกิจในการติดตั้ง พนักงานบริการ และ เว็บแอปแบบก้าวหน้า ในเว็บไซต์ที่มีอยู่ มาแยกย่อยและไปดูรายละเอียดเพิ่มเติมเกี่ยวกับประเด็นสำคัญทั้ง 6 ประการกัน

ปรับปรุงความเร็วและอัตราการแปลง

เนื่องจากพนักงานบริการทำงานระหว่างเบราว์เซอร์และการเข้าถึงอินเทอร์เน็ต ซึ่งหมายความว่าผู้เยี่ยมชมเว็บไซต์ไม่จำเป็นต้องขอคำตอบจากเว็บเซิร์ฟเวอร์ทุกครั้งที่ผู้เยี่ยมชมขอหน้าใหม่หรือคลิกลิงก์เป็นต้น

เนื่องจากวิธีการทำงานของโปรโตคอลอินเทอร์เน็ต จึงมีเวลาขั้นต่ำสำหรับการตอบสนองแต่ละครั้งผ่านเน็ต แต่ด้วยการใช้พนักงานบริการ บางครั้งขั้นตอนนี้อาจถูกละเว้น เนื่องจากสคริปต์พนักงานบริการจะให้บริการหน้าจาก แคชในเครื่องซึ่งจะอธิบายในหัวข้อถัดไป

ตัวอย่างเช่น Housing.com พบว่าการโหลดหน้าเว็บเร็วขึ้น 30% นับตั้งแต่ใช้ เว็บแอปแบบก้าวหน้า และ สคริปต์พนักงานบริการ และตั้งอยู่ในอินเดียซึ่งมีผลลัพธ์ที่ยอดเยี่ยมเนื่องจากผู้เข้าชมส่วนใหญ่เรียกดูจากเครือข่าย 3G และความเร็วที่เพิ่มขึ้นคือ จึงค่อนข้างสำคัญ

อีกตัวอย่างหนึ่งคือ Konga ผู้ค้าปลีกอีคอมเมิร์ซชั้นนำของไนจีเรียซึ่งมีผู้เยี่ยมชมมากกว่า 60% เรียกดูจาก เครือข่าย 2G ที่ช้า และด้วยเหตุนี้การลดเวลาในการโหลดหน้าเว็บจึงไม่เพียงแต่เพิ่มอัตรา Conversion และอัตราตีกลับอย่างมากเท่านั้น แต่ ที่สำคัญไม่แพ้กัน พวกเขาส่งการแข่งขันเข้าไปสู่ห้วงนิทรา

ลดขนาดหน้า

การทำงานอย่างใกล้ชิดกับประเด็นต่างๆ ข้างต้น การใช้ พนักงานบริการ จะช่วยลดขนาดหน้าเว็บไซต์ได้อย่างไม่ต้องสงสัย และทำให้อัตราการตีกลับลดลง

เหตุผลที่เราเห็นการปรับปรุงดังกล่าวคือพนักงานบริการบันทึกสำเนาของเว็บไซต์ไว้ในโทรศัพท์และแท็บเล็ตของผู้เยี่ยมชม หมายความว่าพวกเขาจะไม่ต้องใช้อินเทอร์เน็ตเลยเมื่อได้เยี่ยมชมหน้าแรกของเว็บไซต์ที่มีพนักงานบริการติดตั้งและตั้งค่าให้อัปโหลดแคชโดยอัตโนมัติ

เป็นไปได้ที่จะปล่อยให้พนักงานบริการบันทึกหน้าที่เยี่ยมชมแล้ว แต่เนื่องจากผู้ใช้ไม่สามารถมองเห็นการดาวน์โหลดแคชได้ไม่ว่าในทางใด ๆ จึงควรให้ผู้ใช้ดาวน์โหลดทุกอย่าง

สำหรับตอนนี้ ธุรกิจบางแห่งรายงานว่าเมื่อติดตั้งพนักงานบริการแล้ว ขนาดหน้าเว็บก็ลดลงถึง 90%

ฟังก์ชั่นออฟไลน์

เป็นไปได้ที่จะพัฒนาเว็บไซต์ด้วยพนักงานบริการซึ่งจะทำงานได้อย่างสมบูรณ์โดยที่ผู้ใช้ไม่จำเป็นต้องมีการเข้าถึงอินเทอร์เน็ตเพื่อเรียกดูหน้าและโหลดเนื้อหา มีข้อกำหนดบางประการ แต่เมื่อพบแล้ว พนักงานบริการช่วยให้สามารถบูรณาการระหว่างประสบการณ์ออฟไลน์และออนไลน์ได้อย่างราบรื่น และคิดว่าจะเป็นส่วนเสริมที่เปลี่ยนเกมให้กับเว็บไซต์ปัจจุบัน

แม้ว่าทุกเว็บไซต์จะไม่ต้องการประสบการณ์ออฟไลน์เต็มรูปแบบ แต่การเพิ่มหน้าจอออฟไลน์อย่างที่ Opera ทำไว้จะเพิ่มโอกาสที่ผู้ใช้จะอยู่บนเพจเมื่อไม่สามารถเข้าถึงอินเทอร์เน็ตขณะท่องเว็บได้

การเปรียบเทียบข้อความออฟไลน์ในเบราว์เซอร์เริ่มต้นกับข้อความออฟไลน์ที่กำหนดเองซึ่ง Opera สร้างขึ้นด้านล่างและรู้สึกถึงความแตกต่าง:

ฟังก์ชั่นเว็บไซต์ออฟไลน์ของ Opera

หน้าออฟไลน์เริ่มต้นใน chrome

เข้าถึงอุปกรณ์ฮาร์ดแวร์เฉพาะ

เช่นเดียวกับแอปพลิเคชันมือถือ โปรเกรสซีฟเว็บแอปที่ เกี่ยวข้องกับ พนักงานบริการ สามารถ เรียก API ไปยังอุปกรณ์ฮาร์ดแวร์ได้ เช่น กล้องมือถือ มาตรความเร่ง และฟังก์ชันทั่วไปอื่นๆ เช่นเดียวกับ แอปพลิเคชัน มือถือ จนถึงตอนนี้ ยังไม่มีการรองรับคุณสมบัติขั้นสูง เช่น การระบุลายนิ้วมือและฟังก์ชั่นใหม่และซับซ้อนที่คล้ายกัน แต่นั่นอาจเป็นเพียงเรื่องของเวลา

แม้ว่าการพัฒนาแอพมือถือจะเกี่ยวข้องกับธุรกิจและผลิตภัณฑ์บางประเภทอยู่เสมอ แต่ก็มีเว็บแอพโปรเกรสซีฟออนไลน์จำนวนมากในปัจจุบันที่ให้ประสบการณ์แอพมือถือด้วยความสะดวกในการใช้งานและการติดตั้งที่เว็บไซต์นำเสนอ

แต่เนื่องจากเทคโนโลยีดังกล่าวมีอายุเพียงหนึ่งปีในขณะที่เขียน (พัฒนาขึ้นในปลายปี 2015) และมีโอกาสมากมายที่จะกลายเป็นเทคโนโลยีที่ร้อนแรงที่สุดที่เจ้าของธุรกิจขนาดเล็กทุกคนต้องการเป็นส่วนหนึ่ง

การแจ้งเตือนแบบพุช

หนึ่งในคุณสมบัติของฮาร์ดแวร์เหล่านี้คือ Push Notifications และทำให้เจ้าของเว็บไซต์สามารถแจ้งให้ผู้ใช้อุปกรณ์พกพาทราบเกี่ยวกับเนื้อหาล่าสุดของตนได้ สำหรับธุรกิจ การเข้าถึงฟีดการแจ้งเตือนของลูกค้าอาจเป็นประโยชน์อย่างมากสำหรับธุรกิจ

ต่างจากจดหมายข่าวทางอีเมล ผู้คนมักจะเปิดและคลิกการ แจ้งเตือนแบบพุช โดยตรงบนโทรศัพท์ของพวกเขา และในขณะที่แนวโน้มนี้อาจเปลี่ยนแปลงไปตามกาลเวลา เนื่องจากผู้ใช้จะได้เรียนรู้ว่าแอปใดที่ผลักดันเนื้อหาทางการตลาดและโฆษณา สำหรับตอนนี้ มันค่อนข้างมีประสิทธิภาพ

จนถึงตอนนี้ Jumia ซึ่งเป็นไซต์อีคอมเมิร์ซในแอฟริกาประสบความสำเร็จอย่างมากกับเว็บแอปแบบก้าวหน้าและการแจ้งเตือนแบบพุช พวกเขารายงานอัตราการแปลงที่ดีขึ้น 9 เท่าสำหรับตะกร้าสินค้าที่ถูกละทิ้ง เมื่อเทียบกับวิธีการส่งอีเมลแบบเดิมๆ ที่ถามผู้ใช้ว่าต้องการซื้อสิ่งที่พวกเขามีในรถเข็นที่ถูกละทิ้งหรือไม่ Jumia ยังเห็นอัตราการเปิด 38% สำหรับการแจ้งเตือนแบบพุชซึ่งต้องบอกว่าค่อนข้างน่าประทับใจ

เพิ่มไปที่หน้าจอหลัก

นี่เป็นรายการสุดท้ายในรายการของเรา แต่ไม่ท้ายสุด การเพิ่มเว็บไซต์โปรดของคุณลงในบุ๊กมาร์กของโทรศัพท์และการมีไอคอนบนอุปกรณ์ของคุณไม่ใช่เรื่องใหม่ แต่ด้วย โปรเกรสซีฟเว็บแอป เบราว์เซอร์จะ แจ้ง ผู้ใช้ว่าต้องการเพิ่ม PWA ลงในหน้าจอหลักหรือไม่ เนื่องจากสิ่งนี้ทำโดยเบราว์เซอร์เอง และไม่ใช่โดยป๊อปอัปซ้อนทับบนเว็บไซต์ ผู้คนจึงรายงานผลลัพธ์ที่ยอดเยี่ยมด้วยฟีเจอร์นี้

นี่คือลักษณะที่ปรากฏเมื่อคุณเยี่ยมชม The Washington Post จากโทรศัพท์ของคุณด้วย Chrome หรือ Opera

FlipKart พบว่า อัตรา Conversion เพิ่มขึ้น 70% จากผู้ใช้ที่เปิดแอปผ่านหน้าจอหลัก ซึ่งหมายความว่าผู้ใช้ที่ติดตั้งแอปสามารถกล่าวได้ว่าเป็นลูกค้าประจำ กระตือรือร้นที่จะซื้อและมีส่วนร่วมกับเว็บไซต์ที่เป็นปัญหา

บทสรุป

ไม่ใช่ว่าทุกเว็บเบราว์เซอร์ที่มีอยู่รองรับ เว็บแอปแบบก้าวหน้า และ พนักงานบริการ แต่นั่นอาจเป็นเพียงคำถามของเวลา Microsoft กับ Internet Explorer ค่อนข้างคลุมเครือในการนำเทคโนโลยีไปใช้ในอนาคต บางทีอาจรอดูว่านี่เป็นเพียงเทรนด์อายุสั้น หรือสิ่งนี้จะปฏิวัติเว็บอย่างที่เรารู้ๆ กันหรือไม่

Apple กับ Safari ได้เพิ่มความเข้ากันได้ของ พนักงานบริการในแผนงานระยะเวลา 5 ปีของพวกเขา ดังนั้นจึงยังมีเวลาเหลืออีกพอสมควรที่จะเกิดขึ้น แม้ว่าพวกเขาอาจนำเทคโนโลยีนี้มาอยู่ในอันดับต้น ๆ ของรายการได้เมื่อพวกเขาเห็นผลกระทบเชิงบวกต่อบริการ คนงานมี.