คู่มือขั้นสูงสำหรับเว็บแอปแบบโปรเกรสซีฟในปี 2022 – พร้อมตัวอย่าง PWA 50 ตัวอย่าง

สนใจสร้างเว็บแอปโปรเกรสซีฟหรือไม่? คู่มือนี้จะบอกคุณ ทุกสิ่ง ที่คุณจำเป็นต้องรู้ พร้อมด้วย 50 ตัวอย่าง PWA ที่ดีที่สุดในตลาด!

เราเทศนาอย่างต่อเนื่องมาหลายปี: คุณต้องมีแอปที่มาพร้อมเครื่อง มีเหตุผลที่ดีสำหรับเรื่องนี้และเรายังคงยืนหยัดอยู่

แพลตฟอร์ม News, Canvas และ Canvas สำหรับอีคอมเมิร์ซของเราได้ช่วยลูกค้าของเราในการปรับปรุง UX บนมือถืออย่างมาก เพิ่มปริมาณการใช้ข้อมูล สร้างความภักดีมากขึ้น และเพิ่มรายได้ แอปที่มาพร้อมเครื่องทำงานได้อย่างยอดเยี่ยมในการสร้างความสัมพันธ์ที่ลึกซึ้งยิ่งขึ้นกับฐานผู้ใช้หลักของคุณ และเป็นสิ่งจำเป็นสำหรับแบรนด์ใดๆ ที่ให้ความสำคัญกับความภักดี การมีส่วนร่วม และการรักษาไว้

อย่างไรก็ตาม ไม่มีอะไรสมบูรณ์แบบ แอพที่มาพร้อมเครื่อง ไม่สามารถ ทดแทนประสบการณ์เว็บที่ยอดเยี่ยมได้

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

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

เข้าสู่เว็บแอปโปรเกรสซีฟ (PWAs) หากคุณมีเว็บไซต์ และมีความสำคัญกับคุณหรือธุรกิจของคุณจากระยะไกล คุณ ต้อง มี กปภ.

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

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

เราจะเริ่มต้นด้วยคำถามพื้นฐาน – การประปาส่วนภูมิภาคคืออะไร?

Progressive Web App คืออะไรกัน แน่ ? มากำหนด กปภ

เว็บแอปแบบโปรเกรสซีฟรวมเอาสิ่งที่ดีที่สุดของเว็บเข้ากับคุณลักษณะที่ก่อนหน้านี้ทำได้บนแอปที่มาพร้อมเครื่องเท่านั้น

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

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

บางทีคุณอาจยังไม่แน่ใจ ว่า มันคืออะไรกันแน่

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

คำจำกัดความดั้งเดิมของ Progressive Web App

คำว่า "Progressive Web App" ได้รับการประกาศเกียรติคุณในปี 2015 โดย Francis Berriman และวิศวกรของ Google Alex Russell พวกเขาสังเกตเห็นการเกิดขึ้นของเว็บแอปพลิเคชันประเภทใหม่ และระหว่างรับประทานอาหารเย็นก็ตัดสินใจกำหนดและตั้งชื่อพวกเขา

พวกเขามากับเกณฑ์ต่อไปนี้:

• ตอบสนอง: เพื่อให้พอดีกับปัจจัยรูปแบบใด ๆ
• การเชื่อมต่อที่เป็นอิสระ : ปรับปรุงอย่างก้าวหน้าด้วย Service Workers เพื่อให้พวกเขาทำงานแบบออฟไลน์ได้
• การโต้ตอบเหมือนแอป: ใช้โมเดลแอปพลิเคชัน Shell + Content เพื่อสร้างการนำทางและการโต้ตอบของ appy
• สด : อัปเดตอยู่เสมออย่างชัดเจนด้วยกระบวนการอัปเดต Service Worker
• ปลอดภัย : ให้บริการผ่าน TLS (ข้อกำหนดของ Service Worker) เพื่อป้องกันการสอดแนม
• ค้นพบ ได้ : สามารถระบุได้ว่าเป็น "แอปพลิเคชัน" ด้วย W3C Manifests และขอบเขตการลงทะเบียน Service Worker ซึ่งช่วยให้เครื่องมือค้นหาสามารถค้นหาได้
• Re-engageable : สามารถเข้าถึง re-engagement UI ของ OS ได้ เช่น การแจ้งเตือนแบบพุช
• ติดตั้ง ได้ : ไปที่หน้าจอหลักผ่านข้อความแจ้งจากเบราว์เซอร์ ให้ผู้ใช้ "เก็บ" แอปที่พวกเขาเห็นว่ามีประโยชน์มากที่สุดโดยไม่ต้องยุ่งยากกับ App Store
• เชื่อมโยง ได้: หมายความว่าไม่มีแรงเสียดทาน ติดตั้งเป็นศูนย์ และแชร์ได้ง่าย พลังทางสังคมของ URL มีความสำคัญ

คุณสามารถดูได้ว่าเกณฑ์เหล่านี้เป็นไปตามส่วน "เว็บแอป" ของคำจำกัดความได้อย่างไร

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

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

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

นี่คือสิ่งที่ Berriman และ Russell สังเกต พวกเขาไม่ได้ประดิษฐ์อะไรเลย พวกเขาสังเกตเห็นการเปลี่ยนแปลงในเว็บและตั้งชื่อมันว่า

แล้วส่วน "ก้าวหน้า" ล่ะ?

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

คำจำกัดความของ Berriman และ Russell เพียงพอหรือไม่ ปัญหาคือมี กปภ. เพียงไม่กี่แห่งที่ปฏิบัติตามเกณฑ์เหล่านี้ ทั้งหมด พวกเขาเป็นเหมือนรายการสินค้าที่ต้องการหรือเป้าหมายที่จะมุ่งหรือกรณีตัวอย่าง

คำจำกัดความของ Google เกี่ยวกับ Progressive Web App

Microsoft มีความกระตือรือร้นเกี่ยวกับ PWAs มาระยะหนึ่งแล้ว Apple มีความมั่นใจและตอนนี้ (ส่วนใหญ่) เข้ามา ในบรรดาเทคโนโลยีขนาดใหญ่ Google เป็นผู้ปกป้อง PWAs จริงๆตั้งแต่เริ่มต้น

ที่กล่าวว่า Google เองดูเหมือนจะไม่มั่นใจ 100% เกี่ยวกับคำจำกัดความ ย้อนกลับไปในปี 2015 พวกเขาออกรายการคุณลักษณะ 10 อย่าง จากนั้นลดเหลือหกรายการ แล้วเพิ่มคุณลักษณะใหม่สามรายการ

ในปัจจุบัน คำจำกัดความของ Google เกี่ยวกับ Progressive Web App ประกอบด้วยสามเสาหลัก ในหน้าแนะนำตัว กปภ. คือ:

“เว็บแอปพลิเคชันที่ได้รับการออกแบบมาให้มี ความสามารถ เชื่อถือได้ และ ติดตั้ง ได้ เสาหลักทั้งสามนี้เปลี่ยนให้เป็นประสบการณ์ที่ให้ความรู้สึกเหมือนเป็นแอปพลิเคชันเฉพาะแพลตฟอร์ม”

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

คำจำกัดความทางเทคนิคของ Progressive Web App

วิธีที่สามที่เราสามารถกำหนด PWA ได้คือการระบุเฉพาะด้านเทคนิคเท่านั้น มากกว่าเกณฑ์ UX

นี่คือสิ่งที่นักพัฒนาเว็บและผู้เขียน Jeremy Keith พยายามในโพสต์บล็อกปี 2017 ของเขา คืออะไร Progressive Web App? .

Keith คิดว่าความสับสนเกี่ยวกับคำจำกัดความของ กปภ. นั้นไม่มีมูลความจริง และโดยพื้นฐานแล้ว จะต้องเป็นไปตามเกณฑ์สามประการ:

1. HTTPS – PWAs ต้องทำงานบนเซิร์ฟเวอร์ที่ปลอดภัยซึ่งใช้ HTTPS พนักงานบริการมีความสำคัญต่อศักยภาพของพวกเขา และสามารถใช้ได้เฉพาะเมื่อคุณมี HTTPS เท่านั้น
2. พนักงานบริการ - โดยพื้นฐานแล้วไฟล์ JavaScript ที่ทำงานแยกจาก "เธรด" ของเบราว์เซอร์หลักและอนุญาตให้นักพัฒนาควบคุมวิธีที่แอปจัดการคำขอเครือข่ายและการแคช ซึ่งช่วยขับเคลื่อนความเร็วที่น่าประทับใจและความสามารถออฟไลน์ของ กปภ.
3. Web App Manifest – ไฟล์ JSON ที่ให้คำอธิบายของแอปพลิเคชันแก่เบราว์เซอร์ รวมถึงรายละเอียดต่างๆ เช่น ชื่อ ผู้แต่ง ไอคอน คำอธิบาย และทรัพยากรที่จะเรียกใช้ เพื่อให้แน่ใจว่าจะสามารถค้นพบแอปพลิเคชันได้

Keith กล่าวต่อไปว่านี่เป็นคำจำกัดความที่น้อยที่สุด กปภ. มีความสามารถมากกว่านั้นอีกมาก แต่ ต้อง ทำตามเกณฑ์ทางเทคนิคสามข้อนี้จึงจะสามารถทำการตัดได้

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

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

ดังที่อเล็กซ์ รัสเซลล์กล่าวไว้:

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

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

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

ประโยชน์ของเว็บแอปแบบก้าวหน้า

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

นั่นอาจดูเหมือนเป็นคำพูดที่กล้าหาญ แต่มันคือความจริง ทำไม?

โดยสรุป การ ไม่ สร้างการประปาส่วนภูมิภาค คุณมีแนวโน้มว่าจะทิ้งลูกค้า รายได้ และการเติบโตไว้บนโต๊ะ ตามที่ Pete LePage และ Sam Richard จากทีมงานเว็บของ Google กล่าวไว้ว่า:

“ตัวเลขไม่โกหก! บริษัทต่างๆ ที่เปิดตัว Progressive Web Apps ได้เห็นผลลัพธ์ที่น่าประทับใจ ตัวอย่างเช่น Twitter มีหน้าเว็บเพิ่มขึ้น 65% ต่อเซสชัน มีทวีตเพิ่มขึ้น 75% และอัตราตีกลับลดลง 20% ในขณะที่ลดขนาดแอปลงกว่า 97% หลังจากเปลี่ยนไปใช้ PWA นิกเคอิเห็นทราฟฟิกทั่วไปเพิ่มขึ้น 2.3 เท่า มีการสมัครรับข้อมูลเพิ่มขึ้น 58% และผู้ใช้งานรายวันเพิ่มขึ้น 49% Hulu แทนที่ประสบการณ์เดสก์ท็อปเฉพาะแพลตฟอร์มด้วย Progressive Web App และพบว่าการเข้าชมกลับมาเพิ่มขึ้น 27%”

นี่เป็นเพียงรอยขีดข่วนบนพื้นผิว

มาดูผลงานที่แบรนด์ดังอื่นๆ ได้รับจากการเปิดตัว PWAs โดยตรง

• อาลีบาบา เพิ่ม Conversion เว็บบนอุปกรณ์เคลื่อนที่ 76% พบผู้ใช้ที่ใช้งาน iOS เพิ่มขึ้น 14% และ Android 30%
• Debenhams ได้รับรายได้จากอุปกรณ์เคลื่อนที่เพิ่มขึ้น 40%, Conversion เพิ่มขึ้น 20% และเติบโตเหนือตลาดออนไลน์
• Pinterest พบว่าใช้เวลาทั้งหมดเพิ่มขึ้น 40% ผู้ใช้สร้างรายได้จากโฆษณาเพิ่มขึ้น 44% และการมีส่วนร่วมหลักเพิ่มขึ้น 60%
• Forbes ได้รับเซสชันเพิ่มขึ้น 43% ต่อผู้ใช้ ความสามารถในการแสดงตัวโฆษณาเพิ่มขึ้น 20% และการมีส่วนร่วมเพิ่มขึ้น 100%
• BMW เห็น CTR ในเว็บไซต์ขายเพิ่มขึ้น 30% โหลดเร็วขึ้น 4 เท่า ผู้ใช้อุปกรณ์พกพาเพิ่มขึ้น 50% และปริมาณการใช้ข้อมูลทั่วไปเพิ่มขึ้น 49%
• MakeMyTrip เพิ่มความเร็วหน้าเว็บ 38% เพิ่มอัตรา Conversion สามเท่า และพบว่าเซสชันนักช้อปเพิ่มขึ้น 160%
• AliExpress เพิ่มอัตรา Conversion สำหรับผู้ใช้ใหม่ 104% (+82% บน iOS) และใช้เวลาเพิ่มขึ้น 74% ต่อเซสชันโดยมีการเข้าชมหน้าต่อเซสชันเพิ่มขึ้น 2 เท่า
• Housing.com ได้รับ Conversion เพิ่มขึ้น 38% เซสชันเฉลี่ยนานขึ้น 10% อัตราตีกลับลดลง 40% และเวลาในการโหลดหน้าเว็บโดยรวมเร็วขึ้น 30%
• Wego เพิ่ม CTR ของโฆษณาเป็นสามเท่า และพบผู้เข้าชมเพิ่มขึ้น 26% และ Conversion โดยรวมเพิ่มขึ้น 95% บน iOS พวกเขาได้รับ Conversion เพิ่มขึ้น 50% ที่น่าประทับใจและระยะเวลาเซสชันเพิ่มขึ้น 35%
• Treebo มี Conversion เพิ่มขึ้น 4 เท่าเมื่อเทียบเป็นรายปี ผู้ใช้ซ้ำแปลงสูงขึ้น 3 เท่า
• เชื้อจุดไฟ ใช้เวลาโหลดมากกว่าครึ่งหนึ่งจาก 11.91 วินาทีเป็น 4.69 วินาที และเห็นการมีส่วนร่วมทั่วทั้งกระดานด้วย PWA ที่เล็กกว่าแอปที่มาพร้อมเครื่อง 90%

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

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

กปภ. รวดเร็วปานสายฟ้าแลบ

ผู้บริโภคยุคใหม่คาดหวังให้โหลดได้ทันที หากมีบางอย่างไม่กระตุกในจังหวะการเต้นของหัวใจ หลายคนจะเลิกสนใจและอาจถาวร นี่เป็นทั้งการอธิบายตนเองและได้รับการสนับสนุนจากข้อมูลมากมาย:

• ผู้ใช้เกือบ 50% บอกว่าความผิดหวังบนมือถือกำลังรอให้โหลดหน้าเว็บที่ช้า (แหล่งข่าว)
• หน้าที่โหลดภายใน 2 วินาทีมีอัตราตีกลับ 9% หน้าที่ใช้เวลา 5 วินาทีมีอัตราตีกลับ 38% (ที่มา)
• “อัตราการแปลงที่ลดลงอย่างรวดเร็ว” เกี่ยวข้องกับเวลาโหลดเฉลี่ยที่เพิ่มขึ้นจาก 1 เป็น 4 วินาที (แหล่งที่มา)
• การปรับปรุงเวลาในการโหลดทุกๆ 1 วินาทีจะช่วยเพิ่มอัตรา Conversion ขึ้น 2% ในขณะที่การปรับปรุง 100 มิลลิวินาทีจะสร้างรายได้เพิ่มขึ้นสูงสุด 1% (แหล่งที่มา)

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

การปรับปรุงความเร็วของไซต์ทำให้เกิดผลลัพธ์ที่ดีขึ้นทั่วทั้งกระดาน นั่นคือทั้งหมดที่มีให้

แล้ว กปภ. จะช่วยให้คุณบรรลุเป้าหมายนี้ได้อย่างไร? เว็บแอปแบบโปรเกรสซีฟนั้นรวดเร็ว เร็วจริงๆ.

ตัวอย่างเช่น Pinterest สามารถลดเวลาในการโหลด "เวลาในการโต้ตอบ" ลงจาก 23 วินาทีที่ซบเซาเหลือเพียง 5.6 วินาที นี่เป็นฮาร์ดแวร์ Android โดยเฉลี่ยผ่านการเชื่อมต่อ 3G ที่ช้า สิ่งนี้มีผลกระทบอย่างมากต่อตัวชี้วัดหลัก

ไม่เลวเลย ผลลัพธ์ของ Pinterest ไม่ได้ผิดปกติแต่อย่างใด

แพลตฟอร์มสตรีมมิ่ง ZEE5 เพิ่มความเร็วไซต์สามเท่าและลดเวลาบัฟเฟอร์ลงครึ่งหนึ่งด้วยการสร้าง PWA PWA ของ Uber โหลดได้ในเวลาน้อยกว่า 3 วินาทีบน เครือข่าย 2G Forbes ลดเวลาในการโหลดมือถือจาก 6.5 วินาทีบนไซต์มือถือก่อนหน้านี้เหลือเพียง 2.5 วินาทีด้วย PWA

รับประกัน การปรับปรุงความเร็วเมื่อคุณสร้างเว็บแอปโปรเกรสซีฟที่ออกแบบมาอย่างดีและออกแบบมาอย่างดี

ทำไมโปรเกรสซีฟเว็บแอปถึงเร็วมาก?

กปภ. รวดเร็วมาก ขอบคุณพนักงานบริการที่มีความสำคัญ ดังที่ Jason Grigsby ใส่ไว้ในหนังสือ Progressive Web Apps ที่ยอดเยี่ยมของเขา:

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

Grigsby อธิบายต่อไปว่า:

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

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

กปภ. จัดเตรียม UX ที่เหมือนแอปบนเว็บ

ความเร็ว ซึ่งเราได้กล่าวไปแล้วนั้น เห็นได้ชัดว่าเป็นส่วนสำคัญของ UX มีปัจจัยสำคัญอื่น ๆ และ กปปส. ก็ช่วยได้เช่นกัน

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

ตัวอย่างเช่น กปภ. สามารถ:

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

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

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

ตัวอย่างเช่น คุณเคยใช้ Instagram Lite, Google Maps Go หรือ Twitter Lite หรือไม่

คุณสามารถดาวน์โหลดได้จาก Google Play Store และดูพวกมัน และดูว่าพวกมันรู้สึกอย่างไรกับแอพที่มาพร้อมเครื่องอื่นๆ

คุณจะได้รับการอภัยหากสมมติว่าสิ่งเหล่านี้เป็นแอพหลักในเวอร์ชันดั้งเดิมที่เบากว่าและบางกว่า อย่างที่คุณอาจเดาได้ – พวกมันเป็นเว็บแอปแบบโปรเกรสซีฟ

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

หมายเหตุ: คุณอาจสังเกตเห็นว่า PWA เหล่านี้เผยแพร่อยู่บน Google Play Store Google เปิด Play Store ให้กับ PWAs ในต้นปี 2019! สิ่งนี้แสดงให้เห็นว่าพวกเขามีความมั่นใจเกี่ยวกับอนาคตของ กปภ. ในฐานะแอปพลิเคชันข้ามแพลตฟอร์มอย่างแท้จริง คุณต้องกระโดดผ่านห่วงสองสามห่วงเพื่อให้การประปาส่วนภูมิภาคของคุณไปที่นั่น แต่เป็นไปได้อย่างแน่นอน ณ ตอนนี้ ยังไม่มีข้อมูลจาก Apple ว่าสิ่งนี้จะเป็นไปได้ใน iOS App Store หรือไม่

กปภ.มีความน่าเชื่อถือ

เราทุกคนต่างมีประสบการณ์ในการพยายามใช้เว็บไซต์หรือเว็บแอปในการเชื่อมต่อมือถือที่สั่นคลอน มันไม่สนุก

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

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

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

การประปาส่วนภูมิภาคมีความปลอดภัย มีประสิทธิภาพ และปรับตัวได้

เพื่อให้พนักงานบริการทำสิ่งต่างๆ ได้ เว็บไซต์ของคุณ ต้อง ปลอดภัย ด้วย HTTPS อย่างสมบูรณ์

หวังว่าจะเป็นเช่นนั้น แต่ถ้าไม่ได้สร้าง PWA จะบังคับให้คุณทำงานที่จำเป็นทั้งหมดเพื่อทำให้ไซต์ของคุณปลอดภัย 100%

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

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

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

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

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

เมื่อคุณต้องการเปลี่ยนแปลงหรืออัปเดตบางสิ่งที่คุณสามารถดำเนินการได้อย่างรวดเร็ว ไม่จำเป็นต้องจัดการกับผู้เฝ้าประตูของ App Store กำหนดให้ผู้ใช้อัปเดตด้วยตนเอง หรือทำสัญญากับนักพัฒนาแอปที่เชี่ยวชาญเป็นพิเศษ

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

PWAs ให้คุณดึงดูดผู้ใช้ด้วยการแจ้งเตือนแบบพุช

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

ต่อไปนี้คือตัวอย่างบางส่วนของวิธีที่ธุรกิจต่างๆ อาจใช้ข้อความ Push:

• สำนักพิมพ์ข่าว

“ข่าวด่วน X และ Y เพิ่งเกิดขึ้น!”

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

• ร้านค้าอีคอมเมิร์ซ

“ข้อเสนอพิเศษ / คุณละทิ้งรถเข็นของคุณ / รายการของคุณถูกจัดส่งแล้ว”

Push ทำงานได้อย่างยอดเยี่ยมสำหรับอีคอมเมิร์ซ แอป Shopping จะส่งการแจ้งเตือนให้ผู้ใช้ทราบถึงข้อเสนอและผลิตภัณฑ์ใหม่ๆ อยู่เสมอ คอยอัปเดตขั้นตอนการจัดส่ง และมอบรหัสคูปองพิเศษเฉพาะแอป

• แพลตฟอร์มโซเชียลและชุมชน

“เพื่อนของคุณเพิ่งส่งข้อความ/คำขอเป็นเพื่อน/ตอบกลับคุณ”

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

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

ขอขอบคุณอีกครั้งสำหรับพนักงานบริการเพื่อนของเรา คุณไม่จำเป็นต้องมีแอปที่มาพร้อมเครื่องอีกต่อไปเพื่อส่งการแจ้งเตือนแบบพุช คุณสามารถส่งได้จากเว็บไซต์ของคุณ (หากคุณเปลี่ยนเป็น กปภ.)

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

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

อีกรายหนึ่งคือ eXtra Electronics ผู้ค้าปลีกอุปกรณ์อิเล็กทรอนิกส์ชั้นนำของซาอุดิอาระเบีย eXtra ทำยอดขายเพิ่มขึ้น 100% จากผู้ใช้ที่มาถึงผ่านการพุชทางเว็บ และสังเกตว่าผู้ที่เลือกใช้การแจ้งเตือนแบบพุชกลับมาบ่อยขึ้น 4 เท่า และใช้เวลาบนไซต์มากขึ้น 2 เท่า หัวหน้าเจ้าหน้าที่ฝ่ายพัฒนาธุรกิจ Mujeed Hazzaa กล่าวว่า:

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

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

เว็บแอปแบบก้าวหน้าจะทำให้ธุรกิจของคุณเติบโต

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

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

ข้อเสียของการสร้าง กปภ. คืออะไร?

ไม่มีอะไรเลย ยกเว้นเวลาและเงินที่คุณต้องลงทุนเพื่อสร้างมันขึ้นมา ถึงกระนั้น กปภ. ก็มีราคาไม่แพงนัก และมีแนวโน้มที่จะ (มากกว่า) จ่ายเองเมื่อเวลาผ่านไป โดยเฉพาะอย่างยิ่ง หากไซต์ของคุณเชื่อมโยงกับรายได้ประเภทใดก็ตามผ่านการโฆษณา อีคอมเมิร์ซ หรือการเป็นสมาชิก

ยังต้องการการโน้มน้าวใจ?

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

ตัวอย่างเว็บแอปแบบก้าวหน้า: 50 PWAs ที่ดีที่สุดบนอินเทอร์เน็ตในปี 2020

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

เพื่อเป็นส่วนหนึ่งของภารกิจในการสร้างแรงบันดาลใจให้กับคุณ เราได้รวบรวมตัวอย่างแบบจำลองของ PWA ที่ดีที่สุด 50 ตัวอย่างที่มีอยู่ในขณะนี้ คุณสามารถข้ามไปยังส่วนที่เกี่ยวข้องกับธุรกิจของคุณมากที่สุด ข้ามรายการไปจนกว่าจะมีบางอย่างที่ดึงดูดสายตาของคุณ หรืออ่านตัวอย่างเว็บแอปแบบก้าวหน้าทั้งหมดเพื่อดูภาพรวมที่ดี

มาดู 50 ตัวอย่าง PWA ที่ดีที่สุดของเรากัน

อีคอมเมิร์ซและการค้าปลีก

สตาร์บัคส์

สำหรับเครือข่ายร้านกาแฟที่ได้รับความนิยมมากที่สุดแห่งหนึ่งของโลก Starbucks ได้พัฒนา PWA เพื่อเพิ่มการมีส่วนร่วมกับลูกค้าด้วยการนำเสนอโปรแกรมความภักดีและขั้นตอนการสั่งซื้อที่ง่ายขึ้น

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

ผู้ใช้สามารถดูส่วนรางวัลก่อน ซึ่งลูกค้าสามารถแลกอาหารและเครื่องดื่มฟรี ของขวัญวันเกิด เติมเงิน และตัวเลือกการชำระเงินเมื่อสั่งซื้อผ่านสมาร์ทโฟน

หน้าแอปที่เหลือมีคำสั่งซื้อแบบกำหนดเอง ความพร้อมใช้งานของร้านค้า รายละเอียดการจัดส่ง และเมนูแอป

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

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• ทำงานได้ดีแม้ในการเชื่อมต่อเครือข่ายที่อ่อนแอ
• ผสานรวมกับแพลตฟอร์มและบริการอื่น ๆ จากแบรนด์อื่น ๆ เช่น Spotify, Lyft และ Ford
• กระบวนการชำระเงินและเช็คเอาต์มือถือที่ราบรื่น
• การออกแบบที่ใช้งานง่ายมาก

จูเมีย

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

ในปี 2559 ได้เปิดตัว PWA เพื่อเป็นคำตอบสำหรับการเชื่อมต่ออินเทอร์เน็ตที่ไม่เสถียรในภูมิภาคย่อยของทะเลทรายซาฮารา ด้วย PWA ทำให้สามารถเจาะกลุ่มตลาดที่สำคัญโดยอาศัยเครือข่าย 2G ที่มี data caps

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

ผลลัพธ์? จากข้อมูลของ Google บริษัทได้เพิ่มอัตรา Conversion ขึ้น 33% และเพิ่มผู้ใช้ 12 เท่า (เมื่อเทียบกับแอปที่มาพร้อมเครื่อง) นอกจากนี้ ยังลดอัตราตีกลับและความต้องการพื้นที่จัดเก็บอุปกรณ์ของผู้ใช้ลงอย่างมาก

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• การเข้าถึงออฟไลน์ที่เชื่อถือได้
• ความสามารถในการค้นหาที่รวดเร็ว
• กระบวนการโหลดเร็ว
• ติดตั้งง่าย

OLX.in

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

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

OLX เปิดเผยว่ามี CTR ที่สูงขึ้นในโฆษณาและอัตราตีกลับที่ลดลงอย่างมาก 80% นับตั้งแต่เปลี่ยนไปใช้ PWA ตามที่รายงานโดย Google

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

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

Flipkart

คู่แข่งรายอื่นในวงการอีคอมเมิร์ซของอินเดียคือ Flipkart ยังคงกำหนดประสบการณ์การช็อปปิ้งออนไลน์ใหม่ด้วย PWA

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

PWA ของ Flipkart เริ่มต้นในปี 2015 ผ่าน Flipkart Lite บริษัทต้องการทำให้ชาวอินเดียเข้าถึงการช้อปปิ้งได้มากขึ้น แม้ว่าการเชื่อมต่ออินเทอร์เน็ตในพื้นที่ส่วนใหญ่จะไม่ต่อเนื่อง

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• การแจ้งเตือนแบบพุชสำหรับข่าวสารล่าสุดและการอัพเดทมีความสอดคล้อง
• กระบวนการซื้อออนไลน์มีความคล่องตัว
• ความสามารถในการค้นหานั้นแม่นยำ

สูตรเพียว

โดยตระหนักว่าตลาดผลิตภัณฑ์เสริมอาหารเพื่อสุขภาพมีการแข่งขันกันมากขึ้นกว่าที่เคย Pure Formulas ในสหรัฐอเมริกาจึงถือเป็นผู้บุกเบิกในอุตสาหกรรมนี้เมื่อต้องเปิดตัว PWA ของตัวเอง

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

รายงาน Conversion ที่สูงขึ้นและมูลค่าการสั่งซื้อเฉลี่ยที่เพิ่มขึ้น (AOV)

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• ขั้นตอนการชำระเงินที่สะดวกมาก
• การออกแบบที่เรียบง่าย
• ข้อกำหนดในการจัดเก็บอุปกรณ์ที่เบามาก
• ธุรกรรมที่มีความปลอดภัยสูง

AliExpress

ด้วย PWA ที่ตอบสนองสูง Ali Express ถือเป็นหนึ่งในแอพที่เป็นที่ต้องการมากที่สุดในปัจจุบันสำหรับธุรกรรม B2C

ต้องขอบคุณหมวดหมู่ผลิตภัณฑ์ที่ครอบคลุมกว้างขวางของบริษัท ผู้ใช้สามารถเรียกดูตัวเลือกนับพันโดยไม่ทำให้การโหลดหน้าช้าลงโดยใช้ PWA

นับตั้งแต่เปิดตัว AliExpress ได้ประกาศว่ามีประสบการณ์การมีส่วนร่วมอีกครั้งและสถิติการแปลงที่ดีขึ้นด้วย PWA

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• การนำทางผลิตภัณฑ์อย่างง่าย
• เวลาในการโหลดเร็วขึ้น
• รูปแบบที่ใช้งานง่าย

อาลีบาบา

The Alibaba Group ของ Jack Ma ไม่ต้องการคำแนะนำเพิ่มเติมเกี่ยวกับความสำเร็จของ Alibaba PWA แอปอีคอมเมิร์ซ B2B เป็นแบบอย่างในอุดมคติสำหรับ PWA ใดๆ: รวดเร็ว ตอบสนอง เบา และมีส่วนร่วมอย่างมาก

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

รายงาน Conversion ทั้งหมดเพิ่มขึ้น 76% ตาม Google

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• การนำทางผลิตภัณฑ์อย่างง่าย
• การผสานรวมกับเครื่องมือของเว็บไซต์ เช่น บัญชีฟีด Messenger และบัญชีอาลีบาบาของฉัน
• เวลาในการโหลดเร็วขึ้น

เป้า

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

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

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• ตัวเลือกหยิบใส่ตะกร้าง่าย ๆ
• โหลดรูปภาพอย่างรวดเร็วโดยไม่คำนึงถึงขนาด

Walmart

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

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

สุดท้าย การใช้ข้อความ Push อย่างมีประสิทธิภาพช่วยให้บริษัททำความคุ้นเคยกับฐานแฟนๆ ที่ภักดีด้วยข้อเสนอที่ยอดเยี่ยมและการค้นพบใหม่ๆ

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• ส่วนข้อเสนอแนะ
• คุณสมบัติการติดตามทางภูมิศาสตร์
• อินเทอร์เฟซที่ตอบสนองมาก
• ประสิทธิภาพที่ไร้รอยต่อบนเครือข่ายที่ไม่เสถียร

Macy's

Macy's แบรนด์ค้าปลีกระดับไฮเอนด์มีเป้าหมายในใจเมื่อเปิดตัว PWA: มอบประสบการณ์ที่ดีที่สุดสำหรับผู้เยี่ยมชมหลายล้านคนต่อเดือน

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

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• เครื่องมือค้นหาร้านค้าที่เชื่อถือได้
• การจัดวางผังผลิตภัณฑ์

ลังโคม

Lancome แบรนด์เครื่องสำอางสุดหรูของฝรั่งเศสประสบปัญหาในการขายออนไลน์: ผู้ใช้อุปกรณ์เคลื่อนที่เพิ่มขึ้นแต่ Conversion ลดลง

เพื่อทำความเข้าใจปัญหา บริษัทได้พิจารณาพฤติกรรมของลูกค้าและพบว่าพวกเขามีประสบการณ์การใช้งานที่แย่มากบนแอพมือถือ

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

สิ่งที่เราชอบเกี่ยวกับ PWA อีคอมเมิร์ซนี้:

• Fast search results
• Easy navigation

News

Financial Times

The Financial Times PWA is considered as one of the best PWAs in the news industry. Covering business and global markets, the app takes a similar look and feel of the paper with its traditional salmon-colored background.

The publication is one of the first news sites to abandon its native app and transition to a PWA. It works well even on slow networks, making news easily accessible for business people on the go.

What we like about this News Publisher PWA:

• Reliable offline
• Very fast loading time
• Real-time updates on content
• Seamless video content experience

Infobae

This Buenos Aires-based news website has proven to be successful in the PWA scene thanks to its Spanish readers. According to Google, the Latin American audience contributed to three times more page views compared to its old mobile site, and spent more sessions on the app as well.

Infobae switched from its mobile site to PWA in 2017 to improve the speed of access among its mobile users. This was influenced by the huge drop in session duration (3 minutes on mobile compared to 27 minutes on desktop).

What we like about this news publisher PWA:

• Very fast loading time
• High-quality visuals loading seamlessly
• Easy navigation

Nau.ch

One of Switzerland's leading news websites became extremely popular when it began flashing content in public areas such as terminals and petrol stations.

Nau (an abbreviation for “new”) was founded in 2007 with the goal of prominently displaying news in public transport to reach millions of commuters on their daily route.

To improve its reach, the company launched its PWA and has achieved 400 times more installations than its old mobile site in the first two days.

What we like about this news publisher PWA:

• Impressive user interface
• Easy navigation
• Content loads much faster relative to other news-related PWAs

Nikkei

Regarded as the world's largest financial newspaper (more than 3 million in daily circulation), Nikkei launched its PWA in 2017 with the goal of reducing load time, improve reader interaction and boost engagement.

Realizing that their website was not mobile-friendly (even taking more than 20 seconds to be fully interactive), the company assembled a team of five front-end engineers who worked on launching a PWA.

The result was truly impressive: improved loading speed, higher interactivity as well as better user experience with offline support according to Google.

What we like about this news publisher PWA:

• Prefetch feature (instant page navigation)
• Preloaded key requests
• Optimized JavaScript bundles
• Optimized images
• Enabled HTTP caching

The Washington Post

As a global authoritative news organization, The Washington Post has released one of the most responsive PWAs to reach out to a wider audience on mobile.

Launched in March 2016, the paper's goal is to provide “frictionless, uninterrupted reading.” This comes after its readers expressed their concerns over slow load times on its old mobile app.

With more than 1,000 articles published daily, they have announced that an 88% improvement in load times was initially observed. This has contributed to an increase in retention rate and longer readership according to Google.

What we like about this news publisher PWA:

• Fast loading time
• Real-time live updates
• Same look and feel as the website

ปานกลาง

With social journalism becoming a necessity for readers and publishers alike, Medium has made a mark in the online publishing industry with its 120 million readers.

Medium's initial goal in 2012 was to reinvent the blogging platform through small stories that matter to any type of audience.

Now that it has grown into subscription-based service, its loyal users can follow exclusive content and audio narrations through its PWA even when working offline.

What we like about this news publisher PWA:

• ตอบสนอง
• Seamless functionality even on an unstable connection

Wired

When tech publisher Wired launched its PWA in 2017, its main objective was to increase its app's page speed and reach out to its 11 million users.

And true enough, it did. Not only did it result in higher readership but also more impressions per session, leading other Conde Nast publications to follow suit through what its chief of technology refers to as Alien Web Apps (AWA).

What we like about this news publisher PWA:

• Fast loading time
• Highly responsive
• Reliable background caching

Forbes

With almost a 50% lift in sessions, triple the rise in scroll depth and 100% boost in engagements according to Google, Forbes has definitely reaped the benefits of launching its fully functional PWA in 2017.

Its Chief Product Officer, Lewis Dvorkin, wanted a no-friction experience for its users to have content served to their devices the way they want.

In addition, Dvorkin states that the more people stay longer on their app, the more they view ads, thanks to increased personalization that yields better engagement.

What we like about this news publisher PWA:

• Stunning visual content
• Fast loading times
• Unique number of readers infographic

The Guardian

To make its online content more accessible, UK's leading news and media outlet, The Guardian, launched its PWA in 2017.

The app features high-quality images, interactive multimedia, and thousands of new content without compromising loading time and user experience.

The company also created a US-based innovation team called The Guardian Mobile Innovation Lab, which operated from 2015 to 2018, which explored mobile tools and chat apps to improve user experience.

What we like about this news publisher PWA:

• Customizable sections
• News alert feature
• Offline access

Sports Mole

Sports fans – football, F1, tennis, rugby, cricket, golf and even snooker – are able to enjoy Sports Mole's website features right in their own devices through the site's PWA.

Video clips, real-time scores and game schedules are just some of the exciting features in the PWA.

The result of this move led to higher readership rate and increased session time on the app.

What we like about this news publisher PWA:

• Search functionality
• Seamless video playback
• Real-time updates
• No lag on page transitions

The Weather Channel

Since the 1980s, The Weather Channel has been a trusted companion by travelers and households when it comes to providing an average of 40 billion daily weather forecasts.

While its previous native app was used by half of its total users through mobile web, the company found out that there are still users who don't enjoy reliable connections or are not equipped with advanced smartphones.

Through its PWA, The Weather Channel is able to cater to millions of its global users in 62 languages. Google reports that it has improved its page load time by 80% through the app.

What we like about this news publisher PWA:

• Search functionality
• Multiple language availability
• การแจ้งเตือนแบบพุช

MyNet

Offering a wide range of content from news to sports, travel to education, and weather to finance, MyNet is one of Turkey's largest web portals.

Its old mobile site was plagued with complaints, most especially very slow loading speed. This led the company to develop a PWA to deliver fast and a highly engaging website.

Google reports that introducing PWA to MyNet's readers influenced a 15% rise in average views per session and a 23% drop in bounce rate.

What we like about this news publisher PWA:

• อัปเดตตามเวลาจริง
• ฟังก์ชั่นการค้นหา

ไดเรกทอรี

โคปา

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

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

สิ่งที่เราชอบเกี่ยวกับไดเรกทอรี PWA:

• ผลการค้นหาอย่างรวดเร็ว
• คุณสมบัติให้เช่าโฮสติ้ง
• การออกแบบที่เรียบง่าย

Rentio

ตลาดเช่ากล้องและเครื่องใช้ในบ้านนี้เป็นทางออกสำหรับผู้ที่ต้องการสิ่งของดังกล่าวชั่วคราว

ผู้ใช้ทำการสั่งซื้อออนไลน์และรอสินค้าที่จะจัดส่งในวันเดียวกัน หลังจากสิ้นสุดระยะเวลาเช่า ผู้ใช้จะต้องส่งคืนสินค้าหรือเลือกซื้อ

PWA ของ Rentio (ภาษาญี่ปุ่นหรือภาษาอังกฤษ) มีอินเทอร์เฟซที่ใช้งานง่าย ผลการค้นหาที่รวดเร็ว หมวดหมู่มากมาย และเวลาตอบสนองที่รวดเร็ว

สิ่งที่เราชอบเกี่ยวกับไดเรกทอรี PWA:

• ความสามารถในการค้นหา
• ขั้นตอนการทำธุรกรรมที่รวดเร็ว
• การนำทางที่สะดวก

Joppy

ในฐานะที่เป็นแพลตฟอร์มการสรรหานักพัฒนา Joppy ให้บริการแก่บริษัทต่างๆ ที่กำลังมองหาผู้มีความสามารถ และผู้สมัครที่ดีที่สุดสำหรับโอกาสในการทำงานด้านเทคโนโลยี

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

Joppy's PWA ได้รับการออกแบบมาอย่างชัดเจนสำหรับทั้งนายหน้าและผู้สมัคร (ซึ่งส่วนใหญ่อยู่ในบาร์เซโลนา) เพื่อให้ขั้นตอนการสมัครมีความคล่องตัวมากขึ้น

สิ่งที่เราชอบเกี่ยวกับไดเรกทอรี PWA:

• เวลาตอบสนองที่รวดเร็ว
• กระบวนการจับคู่ที่รวดเร็ว

OpenRent

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

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

สิ่งที่เราชอบเกี่ยวกับไดเรกทอรี PWA:

• ความสามารถในการกรองผลลัพธ์
• ต่อเติมทรัพย์ง่ายๆ
• เวลาตอบสนองที่รวดเร็ว

ฝ่ายขายรถยนต์

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

ผู้ซื้อสามารถค้นหารถยนต์ตามประเภทตัวถัง ยี่ห้อ ราคา ข้อเสนอพิเศษ ในทางกลับกัน ผู้ขายสามารถขอประเมินรถของตนได้ และ Carsales จะดูแลส่วนที่เหลือเอง

กปภ.ยังมีคำแนะนำจากผู้เชี่ยวชาญผ่านการทบทวน คำแนะนำ และคำแนะนำในการดูแลรถยนต์ของคุณ

สิ่งที่เราชอบเกี่ยวกับไดเรกทอรี PWA นี้ :

• สุดยอดประสบการณ์มือถือครั้งแรก
• ตอบสนองทุกขนาดหน้าจอ
• ประสบการณ์ออฟไลน์ที่ง่าย

คาริกามิ

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

แอพส่งคืนผลการค้นหาภายในไม่กี่วินาทีพร้อมรายละเอียดทั้งหมดของการเช่ารถแต่ละครั้ง

สิ่งที่เราชอบเกี่ยวกับไดเรกทอรี PWA:

• เวลาโหลดเร็ว
• ผลการค้นหาที่แม่นยำ
• ตัวกรองการค้นหา

ส่องแสง

Shine เป็นพอร์ทัลงานอันดับสองของอินเดียที่ก่อตั้งขึ้นในปี 2008 โดยจับคู่ผู้สมัครกับบริษัทมากกว่า 15,000 แห่งในอุตสาหกรรมที่หลากหลาย

กปภ.เป็นหนึ่งในเว็บไซต์จัดหางานที่ดีที่สุด ตัวอย่างเช่น การค้นหางานเฉพาะสามารถกรองได้อย่างง่ายดายตามทักษะ ตำแหน่ง แผนก อุตสาหกรรม สถานที่ และการศึกษา

การแจ้งเตือนงานจะถูกส่งไปยังอุปกรณ์ของผู้ใช้อย่างราบรื่น

สิ่งที่เราชอบเกี่ยวกับไดเรกทอรี PWA:

• การแจ้งเตือนแบบพุช
• เข้าถึงได้อย่างเต็มที่
• หน้าออฟไลน์ที่กำหนดเอง

สังคมหรือชุมชน

เชื้อจุดไฟ

เมื่อ Tinder เข้ามาขัดขวางตลาดการหาคู่ ผู้ใช้จำนวนมากต่างหลงรักแอปนี้เนื่องจากแนวทางใหม่ในการหาคู่

ในปี 2560 บริษัทได้ลงทุนใน กปภ. ของตนเองหลังจากสามเดือนของการพัฒนา ผลประโยชน์ถูกสังเกตทันที ประการแรก สามารถลดการลงทุนข้อมูลจาก 30 MB ในแอปที่มาพร้อมเครื่องเหลือเพียง 2.8 MB บน PWA

นอกจากนี้ยังรายงานการโหลดหน้าเว็บที่เร็วขึ้นและการมีส่วนร่วมที่ดีขึ้นของผู้ใช้ (ในแง่ของเซสชันการปัด การส่งข้อความ การซื้อและการใช้จ่าย)

สิ่งที่เราชอบเกี่ยวกับ กปภ. สังคมนี้:

• การแจ้งเตือนแบบพุช
• สะดวกในการใช้
• ประสิทธิภาพที่ปรับให้เหมาะสมที่สุด (การแยกรหัสตามเส้นทาง)

Pinterest

เป็นเวลาสามเดือน Pinterest ซึ่งเป็นแพลตฟอร์มแบ่งปันรูปภาพและโซเชียลมีเดียยอดนิยม ได้สร้าง PWA เพื่อขยายฐานผู้ใช้ในระดับสากล จากข้อมูลของ Google เมื่อเปรียบเทียบกับไซต์บนมือถือแบบเก่าซึ่งมีขนาด 650 KB แล้ว ขนาด 150 KB ของ กปภ. ก็เพียงพอแล้วที่จะสร้างความประทับใจให้ผู้ใช้

สมาชิก Pinterest สามารถรอเพียง 5.6 วินาทีเพื่อให้ UI ใช้งานได้ เทียบกับ 23 วินาทีก่อนหน้าในแอปมือถือก่อนหน้า

ผลลัพธ์ในช่วงแรกๆ ของการเปลี่ยนไปใช้ PWA มีแนวโน้มดี: ใช้เวลาในแอปเพิ่มขึ้นมากกว่า 40% โฆษณาที่ผู้ใช้สร้างขึ้นเพิ่มขึ้น 44% การคลิกผ่านโฆษณาเพิ่มขึ้น 50% และการมีส่วนร่วมหลักดีขึ้น 60%

สิ่งที่เราชอบเกี่ยวกับ กปภ. สังคมนี้:

• การแจ้งเตือนแบบพุช
• การใช้แบนด์วิดธ์ต่ำ
• การสนับสนุนออฟไลน์ที่น่าประทับใจ

โทรเลข

Telegram ขัดขวางบริการส่งข้อความโต้ตอบแบบทันทีในปี 2013 โดยนำเสนอเครื่องมือบนคลาวด์ที่เข้ากันได้กับอุปกรณ์ต่างๆ

ในการเขียนนี้ ผู้ใช้งานมากกว่า 400 ล้านคนต่อเดือนใช้บริการการรักษาความปลอดภัยข้ามแพลตฟอร์มเพื่อแลกเปลี่ยนข้อความ รูปภาพ วิดีโอ และไฟล์เสียง

เมื่อเปิดตัว PWA เพื่อให้มีฟังก์ชันการทำงานเหมือนกับแอปบนอุปกรณ์เคลื่อนที่ที่มาพร้อมเครื่อง (แต่มีขนาดเล็กกว่า) บริษัทรายงานว่ามีเซสชันเพิ่มขึ้นต่อผู้ใช้หนึ่งราย และเวลาเก็บรักษาเพิ่มขึ้น 50%

สิ่งที่เราชอบเกี่ยวกับ กปภ. สังคมนี้:

• ติดตั้งได้บน iOS และ Android
• รองรับออฟไลน์
• ประจักษ์

ทวิตเตอร์

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

จากข้อมูลของ Google เป้าหมายของ กปภ. คือการปรับปรุงการมีส่วนร่วมอีกครั้งของผู้ใช้รายวัน 250,000 รายที่ตรวจสอบบัญชีของพวกเขาโดยเฉลี่ยสี่ครั้งทุกวัน

ด้วยการลดการใช้ข้อมูล ปรับปรุงการโหลดทันที (5 วินาทีบนเครือข่าย 3G) และปรับปรุงการมีส่วนร่วมของผู้ใช้ บริษัทรายงานว่ามีการดูหน้าเว็บเพิ่มขึ้น 65% ต่อเซสชัน ทวีตที่ส่งเพิ่มขึ้น 75% และอัตราตีกลับลดลง 20% .

สิ่งที่เราชอบเกี่ยวกับ กปภ. สังคมนี้:

• เบราว์เซอร์ที่ปรับให้เหมาะสม (การแยกรหัสตามเส้นทาง)
• ใช้แบนด์วิดท์น้อยลง
• อัปเดตอย่างรวดเร็ว

อินสตาแกรม

Instagram ปฏิบัติตามกลยุทธ์ของ Twitter ในการเสนอ PWA ทันทีที่มีการเปิดตัวแอพหลัง ในต้นปี 2020 Instagram ยังได้อัปเดตแอพ Windows 10 ให้เป็น PWA พร้อมการส่งข้อความโดยตรง

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

สิ่งที่เราชอบเกี่ยวกับ กปภ. สังคมนี้:

• การแจ้งเตือนแบบพุช
• เวลาโหลดทันที
• ตอบสนองที่รวดเร็ว

การเดินทางและการจอง

Airbnb

Airbnb เป็นแพลตฟอร์มออนไลน์ที่จัดเตรียมการเช่าและประสบการณ์ท่องเที่ยวทั่วโลกที่สะดวกสบาย ในปี 2008 บริษัทเริ่มเชื่อมโยงเจ้าของบ้านที่ต้องการเช่าห้องเพิ่มเติมกับนักเดินทางที่กำลังมองหาที่พักราคาไม่แพง

สิบปีต่อมา PWA ได้รับการอัปเกรดให้ทำงานได้ดีกับ Edge บนมือถือ Windows 10 ผลลัพธ์คือการเปลี่ยนหน้าทันทีที่ราบรื่นยิ่งขึ้นสำหรับลูกค้า ปัจจุบันมีผู้เยี่ยมชม Airbnb มากกว่า 80 ล้านคนต่อเดือน ซึ่งส่วนใหญ่อยู่ในแอพ

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• การแจ้งเตือนแบบพุช
• ตอบสนองที่รวดเร็ว
• รูปภาพคุณภาพสูงที่โหลดภายในไม่กี่วินาที

ทรีโบ

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

ตาม Google PWA ของมันโหลดได้ในเวลาเพียงสี่วินาทีผ่านเครือข่าย 3G ไซต์ยังรายงานด้วยว่าได้รับการคลิกผ่านเพิ่มขึ้นห้าเท่าและเพิ่มอัตราการแปลงเป็นสามเท่า

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• การแสดงผลฝั่งเซิร์ฟเวอร์
• รวดเร็วในการโต้ตอบ
• การเรนเดอร์แบบโปรเกรสซีฟ (การสตรีม HTML)

พวกเราไป

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

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

เพื่อให้ผู้ใช้สะดวกสบายในการจองห้องพักโรงแรมและเที่ยวบิน มีการจัดตั้ง กปภ. Wego ประกาศว่าได้ลดเวลาในการโหลดหน้าเว็บจาก 12 วินาทีเหลือเพียงสามวินาทีตาม Google

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• ตอบกลับเร็วมาก
• การออกแบบที่เรียบง่าย
• ผลการค้นหาที่แม่นยำ
• น้ำหนักเบา

MakeMyTrip

MakeMyTrip หนึ่งในบริษัทตัวแทนท่องเที่ยวออนไลน์ชั้นนำของอินเดียได้เข้าร่วมกับ PWA bandwagon เพื่อรองรับผู้เข้าชม 8 ล้านคนต่อเดือนได้ดียิ่งขึ้น

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

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

ผลที่ได้คือเซสชันลูกค้าเพิ่มขึ้นอย่างมาก 160% และอัตราตีกลับที่ลดลง 20% ตาม Google นอกจากนี้ ผู้เลือกซื้อครั้งแรกมีแนวโน้มที่จะทำ Conversion มากกว่าผู้ที่เคยใช้แอปที่มาพร้อมเครื่องถึง 3 เท่า

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• นำทางง่าย
• ติดตั้งได้บน OS . ใด ๆ
• เวลาโหลดเร็ว

Travelstart

ด้วยความสำเร็จจากตลาดออนไลน์ Jumia ได้เข้าสู่อุตสาหกรรมการท่องเที่ยวด้วย Jumia Travel PWA เป็นเครื่องมือในการเพิ่มการเข้าชมสิบสองเท่าและอัตรา Conversion เพิ่มขึ้น 33% ตามข้อมูลของ Google

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

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• เวลาโหลดเร็ว
• อินเทอร์เฟซที่เรียบง่าย

Trivago

เพื่อรองรับผู้เข้าชม 120 ล้านคนต่อเดือน บริษัทเทคโนโลยีสัญชาติเยอรมัน Trivago ได้เปิดตัว PWA เพื่อช่วยให้ผู้ใช้จำนวนมากขึ้นในการค้นหาและเปรียบเทียบราคาโรงแรมก่อนออกเดินทาง

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

PWA ถูกเพิ่มโดยผู้ใช้มากกว่าครึ่งล้านคนจาก 55 ประเทศไปยังหน้าจอหลักของพวกเขา ซึ่งส่งผลให้มีการมีส่วนร่วมเพิ่มขึ้น 150% และ 97% ในการคลิกไปยังดีลโรงแรมตามรายงานของ Google

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• ติดตั้งได้บน Android และ iOS
• การสนับสนุนออฟไลน์ที่ยอดเยี่ยม
• ตอบสนองที่รวดเร็ว
• ตัวกรองการค้นหา
• รองรับหลายภาษา

Uber

PWA ของ Uber เป็นหนึ่งในแอพที่ออกแบบมาอย่างมีเอกลักษณ์ที่สุดในปัจจุบัน บริษัทให้บริการเรียกรถได้วางแอพ Window 10 ไว้เบื้องหลังในปี 2018 เพื่อสนับสนุนการประปาส่วนภูมิภาคที่เปิดตัวครั้งแรกในเดือนกรกฎาคม 2019

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

Uber เสนอบริการเรียกรถ บริการส่งอาหาร เช่าจักรยานและสกู๊ตเตอร์ และการแชร์บนเครื่องบินด้วยการแตะบนอุปกรณ์เคลื่อนที่ ขึ้นอยู่กับสถานที่ตั้ง

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• เวลาโหลดเร็ว
• รองรับออฟไลน์
• น้ำหนักเบา
• ขั้นตอนการจองที่รวดเร็วเป็นพิเศษ

Lyft

Lyft ซึ่งเป็นคู่แข่งของ Uber ซึ่งก่อตั้งขึ้นในปี 2555 ได้ขยายฐานผู้โดยสารและคนขับในสหรัฐอเมริกาและแคนาดา

เสนอราคาที่ถูกกว่า (ในแง่ของแผนการสมัครสมาชิกสำหรับผู้โดยสารประจำ) บริษัท มีส่วนแบ่งการตลาดมหาศาลซึ่งครั้งหนึ่งเคยถูกครอบงำโดย Uber เปิดตัวการประปาส่วนภูมิภาคในปี 2559

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

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• เวลาตอบสนองที่รวดเร็ว
• การอัปเดตตามเวลาจริงที่เชื่อถือได้

ทาจาวาล

แอพจองเที่ยวบินและโรงแรมยอดนิยมในสหรัฐอาหรับเอมิเรตส์ Tajawal นำเสนอโซลูชั่นที่สมบูรณ์เพื่อเข้าถึงสายการบินมากกว่า 450 แห่งและโรงแรมหลายพันแห่งสำหรับนักเดินทาง

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

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• โหลดหน้าเร็วมาก
• ธุรกรรมที่ปลอดภัย

FlyWeekend

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

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

การประปาส่วนภูมิภาคใช้งานง่าย ซึ่งรับประกันการมีส่วนร่วมที่สูงขึ้นเนื่องจากแนวคิดที่เป็นเอกลักษณ์

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• เวลาตอบสนองที่รวดเร็ว
• โหลดหน้าเร็ว

ลูกพี่ลูกน้องเย็น

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

ที่เรียกว่า “ญาติ” มีตั้งแต่ศัลยแพทย์ไปจนถึงนักดนตรี แต่ทุกคนต่างก็มีความหลงใหลในการเป็นเจ้าภาพให้กับนักท่องเที่ยวในบ้านเกิดของพวกเขาเหมือนกัน

PWA เปิดตัวในปี 2561 เพื่อมอบประสบการณ์การเข้าถึงที่รวดเร็วและราบรื่นยิ่งขึ้นแก่ผู้ใช้ ในการอัปเดตอย่างเป็นทางการ บริษัทได้ประกาศว่าแอปได้ลดเวลาในการโหลดลง 25% และลดการเข้าถึงแหล่งข้อมูลออนไลน์อื่นๆ โดยผู้ใช้

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• เวลาตอบสนองที่รวดเร็ว
• นำทางง่าย

ความบันเทิง

Soundslice

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

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

ตัวอย่าง “slices” ให้ผู้ใช้เล่นเสียงพร้อมกับเส้นบอกแนวแนวตั้งที่เคลื่อนไหวบนแผ่นเพลง

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• การออกแบบเชิงโต้ตอบ
• เวลาโหลดเร็ว

Spotify

สำหรับบริการสตรีมมิ่งเพลงดิจิทัล Spotify การใช้ประโยชน์จากแอพแบบเบาผ่าน กปภ. เป็นสิ่งจำเป็นในการติดตามสมาชิกให้มากขึ้น

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

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• UI แบบปรับได้
• รองรับออฟไลน์
• การออกแบบเชิงโต้ตอบ

1จูนเนอร์

ตรงกันข้ามกับความเชื่อที่นิยม วิทยุยังไม่ตาย ด้วย 1Tuner ผู้ใช้ทุกคนสามารถฟังสถานีวิทยุ (ที่ใดก็ได้ในคำ) และพอดแคสต์

พวกเขายังสามารถสร้างเพลย์ลิสต์เพื่อไม่ให้พลาดการฟังการออกอากาศจากบราซิลหรือเพลงยอดนิยมที่เล่นในสถานีท้องถิ่นในลอนดอน

กปภ. ก็ใช้งานได้ดีเช่นกัน การเลือกสถานีวิทยุเฉพาะทำให้คุณสามารถฟังการออกอากาศแบบเรียลไทม์ ในทางกลับกัน พอดคาสต์มีคุณภาพเสียงที่ยอดเยี่ยม

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• ธีมที่ปรับแต่งได้
• แนะนำเนื้อหาจำนวนมาก

9GAG

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

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

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

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• ติดตั้งได้บน Android และ iOS
• รองรับออฟไลน์
• เวลาโหลดเร็ว

Lotto.de

ข้อมูลที่รวบรวมแบบเรียลไทม์เกี่ยวกับผลลอตเตอรี่ยูโรล่าสุดใน PWA นี้เป็นแหล่งข้อมูลที่มีประโยชน์จากผู้เล่น

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

สิ่งที่เราชอบเกี่ยวกับ กปภ. นี้:

• ประสบการณ์การใช้งานที่ราบรื่น
• มีจำหน่ายในภาษาเยอรมันและอังกฤษ

สรุป 50 ตัวอย่าง กปภ

หวังว่าตัวอย่างเว็บแอ็พโปรเกรสซีฟเหล่านี้จะเน้นประเด็นหลักที่เราได้ทำในคู่มือนี้

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

บางทีคุณอาจกำลังคิดเล่นๆ กับแนวคิดในการสร้างแอป iOS และ Android ด้วยตัวเอง และถูกมองข้ามในการดู PWA แทน บางทีคุณอาจไม่ได้เอะอะกับการเปิดตัวใน App Stores มากนัก แต่แค่ต้องการเว็บไซต์ที่ดีกว่านี้

ไม่ว่าจะด้วยวิธีใด เราจะอธิบายสั้น ๆ เกี่ยวกับการอภิปราย "ดั้งเดิมกับ PWA" และอธิบายว่าเหตุใดเราจึงคิดว่า PWA นั้น น้อยที่สุด และแอป PWA + ดั้งเดิมนั้นเหมาะสมที่สุด

คุณควรสร้างแอปประเภทใด โปรเกรสซีฟเว็บแอปเทียบกับแอปเนทีฟ

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

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

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

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

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

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

แอปที่มาพร้อมเครื่องเป็น "บ้าน" ที่ยอดเยี่ยมสำหรับแฟนตัวยงของคุณ

Google กำหนดไว้ดังนี้:

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

คำแนะนำของเรา – สร้างทั้งสองอย่าง!

หากคุณมีงบจำกัด ไป กปภ. หากคุณมีแอปที่มาพร้อมเครื่อง แต่ไม่มี PWA คุณควรสร้างแอปดังกล่าวโดยเร็วที่สุด หากคุณมุ่งมั่นที่จะสร้าง UX บนมือถือที่ดีที่สุด และสามารถลงทุนในการบรรลุเป้าหมายนั้น ให้สร้างทั้งสองอย่างและเสริมจุดแข็งและจุดอ่อนของกันและกัน

คุณสามารถดาวน์โหลดแอปเนทีฟที่ยอดเยี่ยมด้วย MobiLoud ได้ เพียงคุณมีเว็บไซต์หรือเว็บแอป ติดต่อกับทีมงานของเราเพื่อหาข้อมูลเพิ่มเติม!

วิธีสร้างเว็บแอปโปรเกรสซีฟ

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

ออนไลน์มีเนื้อหามากมายเกี่ยวกับวิธีสร้าง PWA ใน “10 นาที” ด้วยคำมั่นสัญญาว่าจะนำความรู้สึกดั้งเดิมของแอปมาสู่เว็บแอปแบบเดิมทั้งหมดภายในเวลาไม่ถึงหนึ่งชั่วโมง บทช่วยสอนเหล่านี้จึงล่อใจได้ง่าย

มันถูกต้องตามกฎหมายหรือไม่?

ใช่และไม่. “แฮ็ก” ของ PWA เหล่านี้มีไว้เพื่อปฏิบัติตาม เกณฑ์ขั้นต่ำ a – HTTPS, รายการเว็บ และพนักงานบริการ หากคุณสนใจที่จะสร้างเว็บแอปโปรเกรสซีฟขั้นพื้นฐานที่ใช้งานได้จริง คุณสามารถลองใช้ PWABuilder ของ Microsoft ด้วยความชำนาญและความรู้ด้านเทคนิคเพียงเล็กน้อย คุณก็จะได้สิ่งที่ดีและใช้งานได้จริง

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

1. ซื้อใบรับรอง SSL เพื่อกำหนดค่าผ่านบริการโฮสติ้งของคุณ
2. พัฒนาเปลือกแอป
3. ตรวจสอบว่าเบราว์เซอร์รองรับพนักงานบริการหรือไม่
4. ลงทะเบียนไฟล์งานบริการ
5. เพิ่มการแจ้งเตือนแบบพุชและรายการเว็บแอป
6. ตั้งค่าพร้อมท์การติดตั้ง
7. ทดสอบการทำงานของแอป
8. ตรวจสอบรายการตรวจสอบของ Lighthouse ตามแอป
9. แก้ไขข้อบกพร่อง
10. เปิดแอพ

ฟังดูง่ายใช่มั้ย?

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

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

เว้นแต่คุณจะเป็นบริษัทขนาดใหญ่ คุณอาจไม่มีนักพัฒนา front-end ที่มีความสามารถจำนวนมากนั่งรอให้คุณบอกพวกเขาว่าต้องทำอย่างไร คุณต้องค้นหาพวกเขา จ้างพวกเขา และรวมทีมและจัดการพวกเขา ซึ่งเป็นงานที่ยากหากคุณไม่เคยมีประสบการณ์กับสิ่งเหล่านี้มาก่อน นักพัฒนา front-end ที่ดี มัก เป็นที่ต้องการเสมอ และอัตราสัญญาของพวกเขาก็สะท้อนถึงสิ่งนั้น

ต้นทุนและระยะเวลาในการสร้างเว็บแอปแบบโปรเกรสซีฟ

ค่าใช้จ่ายนี้เท่าไหร่? ก็เหมือนคลาสสิกนิดหน่อยว่า "How long is a string of string?"

ขึ้นอยู่กับความซับซ้อนของแอพที่คุณต้องการสร้าง ตามที่ผู้เขียนหนังสือ กปภ.

การสร้าง PWA ตั้งแต่เริ่มต้นจะใช้เวลาระหว่าง 3400 wh (สำหรับแอปขนาดเล็ก) ถึง 9000 wh (โครงการเฉพาะที่เราทำ) ซึ่งหมายความว่ามีค่าใช้จ่ายระหว่าง 400K ถึง 1 ล้านเหรียญ การใช้แพลตฟอร์มคลาวด์จะมีราคาถูกกว่าอย่างน้อย 75% และเวลาสู่ตลาดจะสั้นลง 75% ด้วย (2-3 เดือนแทนที่จะเป็น 8-12 เดือน)

– บทที่ 10 หนังสือ กปภ

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

แน่นอน หากคุณกำลัง แปลง ไซต์เป็น PWA แทนที่จะสร้างใหม่ทั้งหมด จะถูกกว่าและง่ายกว่าในกรณีส่วนใหญ่ ตามการประมาณการคร่าวๆ คุณกำลังพิจารณาการลงทุนอย่างน้อย 3 เดือน และ $20,000 ถึง $50,000 เพื่อให้ได้ผลลัพธ์ที่ยอดเยี่ยม

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

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

ดังที่กล่าวไปแล้ว กปปส. ธรรมดา อาจ ใช้เวลาน้อยกว่าสามเดือน (หรือแม้แต่สองสามสัปดาห์หากพวกมันเป็นกระดูกเปล่า) หากคุณต้องการมีคุณลักษณะขั้นสูงเพิ่มเติม เช่น แผงผู้ดูแลระบบแบ็กเอนด์ รูปแบบการแสดงภาพ และการผสานการทำงานอื่นๆ คุณยังคงใช้ PWA ได้ภายในเวลาไม่ถึงหกเดือน

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

หากคุณใช้ WordPress มีวิธีง่ายๆ ในการเปลี่ยนไซต์ WordPress ของคุณให้เป็น PWA และปลั๊กอิน WordPress PWA บางตัวที่คุณสามารถลองใช้ได้

เราสามารถช่วยแนะนำตัวเลือกต่างๆ ของคุณได้ และหากไซต์ของคุณเหมาะสม - ใช้แพลตฟอร์มที่กำหนดเองของเราเพื่อแปลงเป็น PWA ในเวลาเพียง 2 สัปดาห์โดยจ่ายเพียงเศษเสี้ยวของต้นทุนมาตรฐาน นอกจากนี้เรายังสามารถสร้างแอป iOS และ Android ดั้งเดิมจากไซต์ของคุณในระยะเวลาที่ใกล้เคียงกัน เพื่อให้คุณมีฐานอุปกรณ์เคลื่อนที่ทั้งหมดสำหรับปี 2021 และปีต่อๆ ไป!

ติดต่อกับผู้เชี่ยวชาญด้านมือถือของเราเพื่อรับคำปรึกษาเพื่อหาข้อมูลเพิ่มเติม

อยู่ในมือคุณแล้ว – เริ่มสร้างเว็บแอปโปรเกรสซีฟวันนี้!

คุณควรมีภาพรวมที่ดีเกี่ยวกับคุณลักษณะและพลังของเว็บแอปแบบโปรเกรสซีฟในตอนนี้

หากต้องการเรียนรู้เพิ่มเติม โปรดดูแหล่งข้อมูลเหล่านี้:

• หนังสือ กปภ
• แหล่งข้อมูลของ Google บน web.dev และ Google Developers
• สถิติการประปาส่วนภูมิภาค (ตัวชี้วัดและกรณีศึกษาที่น่าสนใจ)
• PWA Roadshow ของ Google (ซีรีส์วิดีโอยอดเยี่ยม)
• แนวทาง PWA ที่ยอดเยี่ยมของ Mozilla
• หนังสือ Progressive Web Apps ของ Jason Grigsby
• วันนี้เว็บทำอะไรได้บ้าง (แสดงให้เห็นว่าเทคโนโลยีเว็บพัฒนาขึ้นอย่างไร)
• ใช่ โครงการเว็บนั้นควรเป็น กปภ. (คู่มือ/บทความที่ยอดเยี่ยม)
• คำแนะนำของเราเกี่ยวกับความแตกต่างระหว่างแอพเนทีฟ เว็บ และไฮบริด

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

เมื่อพร้อมเปิดตัวคุณจะติดใจ เรารับประกัน และลูกค้าของคุณจะตอบแทนคุณด้วยการใช้เวลา ความสนใจ และเงินกับธุรกิจของคุณมากขึ้น

ดังที่เราได้กล่าวไปแล้ว - PWA ไม่ได้ มาแทนที่ แอพพื้นฐาน กปภ. เป็น เว็บไซต์ที่ดีกว่ามาก การให้ผู้ใช้ติดตั้งลงในอุปกรณ์อาจเป็นเรื่องยาก เนื่องจากพวกเขายังไม่คุ้นเคย และคุณพลาดการส่งการแจ้งเตือนแบบพุชไปยังผู้ใช้ iOS และการแสดงแบรนด์บน App Stores

คุณควรสร้าง Native Apps ด้วยหรือไม่

ต้องมี PWA แต่แอปที่มาพร้อมเครื่องยังคงเป็นประสบการณ์ที่ดีที่สุดสำหรับผู้ใช้อุปกรณ์พกพา เหตุผลเดียวที่บางคนระมัดระวังหรือมองในแง่ลบเกี่ยวกับโอกาสของแอพที่มาพร้อมเครื่องคือค่าใช้จ่ายจำนวนมาก ($50,000+) และกระบวนการพัฒนาที่ยาวนานและลำบากซึ่งตามธรรมเนียมมักจะมาพร้อมกับพวกเขา

หากคุณแชร์ข้อกังวลเหล่านั้น แต่สนใจที่จะสร้างแอป iOS และ Android สำหรับแบรนด์ของคุณ คุณควรตรวจสอบแพลตฟอร์ม News, Canvas สำหรับอีคอมเมิร์ซหรือ Canvas ของเรา แอปไหนที่เหมาะกับคุณ – คุณสามารถแปลงไซต์หรือเว็บแอปของคุณเป็นแอปเนทีฟคุณภาพสูงได้ในเวลาเพียงไม่กี่สัปดาห์ ในราคาเพียง $100/m

แพลตฟอร์มของเราสามารถใช้ในการแปลงเว็บไซต์เป็นแอพมือถือได้ ไม่สำคัญว่าเว็บไซต์ของคุณสร้างขึ้นด้วยอะไร MobiLoud นั้นยอดเยี่ยมสำหรับการสร้าง:

• แอพ WordPress
• แอพบับเบิ้ล
• แอพ Squarespace
• แอพ Wix
• แอพ WooCommerce
• แอพเว็บโฟลว์

และทุกอย่างที่ขวางหน้า! คุณจะได้รับการตั้งค่าการแจ้งเตือนแบบพุชไม่จำกัดบน Android และ iOS และคุณจะมีคุณสมบัติทั้งหมดที่จำเป็นเพื่อสร้างการแสดงตนข้ามแพลตฟอร์มที่ชนะบนเว็บและ App Stores

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