YouTube PWA: นำประสบการณ์ที่ราบรื่นมาสู่ผู้ใช้

เผยแพร่แล้ว: 2022-08-03

มีคนไม่มากที่รู้ว่า Youtube ได้สร้างตัวเองขึ้นมาใหม่ในฐานะ PWA ในปี 2019 หลังจากการเปิดตัว Youtube Music PWA ที่ประสบความสำเร็จ ด้วยเว็บแอปอื่นในระบบนิเวศของไซต์ของ Google กลายเป็นเว็บแอปแบบก้าวหน้า ศักยภาพของ กปภ. ก็แข็งแกร่งขึ้นอีกครั้ง ต่อไปนี้คือความคาดหวังในความสามารถของ กปภ. ในการเพิ่มประสิทธิภาพการทำงานรวมทั้งให้ผลกำไรตอบแทนแก่เว็บไซต์ทุกประเภท โดยเฉพาะในอีคอมเมิร์ซ คราวนี้เรากำลังพูดถึง Youtube PWA

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

กว่าทศวรรษที่น่าประทับใจ Youtube ได้ก้าวกระโดดด้วยศรัทธา โดยรวบรวมอาณาจักรของตนจากยอดดู 1 พันล้านครั้ง และด้วยประวัติศาสตร์กว่า 15 ปี Youtube ได้กลายเป็นราชาแห่งแพลตฟอร์มวิดีโอออนไลน์อย่างแข็งแกร่ง

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

youtube มี pwa . ไหม

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

หลังจากแนะนำคำศัพท์ใหม่ Progressive Web App ทีมงาน Google ได้ทำงานที่ยอดเยี่ยมในการให้ข้อมูลและนำนักพัฒนารายอื่น ๆ รวมถึงผู้ใช้ไปสู่ความเชี่ยวชาญ PWA

แบรนด์ดังมากมายก้าวกระโดดด้วยนวัตกรรมครั้งแรกด้วยความช่วยเหลือจากนักพัฒนาของ Google เช่น Twitter ได้เปิดตัว PWA ที่ใหญ่ที่สุดในโลกในปี 2018 หลังจากนั้นไม่นาน Google Photos ก็เป็นอีกแบรนด์หนึ่งที่เปิดให้ใช้งานเป็น PWA และบริการอื่นๆ ของ Google ก็เช่นกัน ได้แก่ Google Drive, Google Travel และ Google Maps

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

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

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

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

กระทู้ที่เกี่ยวข้อง:

มีค่าใช้จ่ายเท่าใดในการพัฒนา กปภ. เช่นเดียวกับ Starbucks PWA?

Alibaba PWA: ชนะด้วย Progressive Web App

Pinterest PWA: เพิ่มประสิทธิภาพมือถืออย่างถูกวิธี

ความสำเร็จของ Youtube PWA จนถึงตอนนี้

YouTube PWA ปรับปรุงประสบการณ์ผู้ใช้ระดับพรีเมียม

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

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

การสร้างประสบการณ์แอพเริ่มต้นสำหรับการเข้าถึงที่ราบรื่น

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

youtube music pwa

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

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

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

การทดลองกับ PWA บน Chromebooks

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

  • ท่าทางสัมผัสอัจฉริยะใหม่เพื่อรองรับกิจกรรมด้วยเมาส์และคีย์บอร์ด
  • กรอความเร็วการเล่นอย่างรวดเร็วด้วยการแตะสองครั้ง
  • ค้นหาด้วยเสียง
  • การผสานรวมการแชร์เว็บ ทางลัดของแอป และการจับลิงก์ประกาศ⁠เพื่อเปิดใช้งานฟังก์ชัน PWA เพิ่มเติม

YouTube TV แจ้งให้ผู้ดูบ่อยๆ ติดตั้ง Progressive Web App

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

ตัวอย่างเว็บแอปโปรเกรสซีฟ

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

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

หัวข้อที่เกี่ยวข้อง:

Uber PWA: กรณีศึกษาที่สมบูรณ์แบบสำหรับ Progressive Web App

WordPress PWA: ทุกสิ่งที่คุณจำเป็นต้องรู้

Twitter PWA: ค้นพบคุณสมบัติที่น่าตื่นเต้น

คำถามที่พบบ่อยเกี่ยวกับ Youtube PWA

pwa youtube คืออะไร
  1. Youtube มี PWA ไหม?

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

  1. PWA Youtube คืออะไร?

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

  1. คุณจะเพิ่ม Youtube PWA ได้อย่างไร?

โดยปกติผู้ใช้ Chrome จะได้รับแจ้งจากไอคอนเครื่องหมายบวกในแถบอเนกประสงค์ให้คลิกและเพียงเพิ่ม Youtube PWA ไปที่หน้าจอหลักและใช้งานเหมือนแอป ไม่เหมือนกับตัวเลือก 'ติดตั้ง' ยอดนิยมจากเมนูโอเวอร์โฟลว์ใน Google Chrome เหมือนเดิม

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

  1. Youtube Music เป็น PWA หรือไม่?

หลังจากสร้างการเปิดตัว PWA ที่มีชื่อเสียงมากมายสำหรับแบรนด์ใหญ่ๆ Google ก็เริ่มสร้างและทำให้แอปของตนเองพร้อมใช้งานในรูปแบบ PWA รวมถึง YouTube Music PWA หลังจากการทดลองใช้ 15 เดือน การนำไปใช้เป็นความสำเร็จอีกประการหนึ่ง และหลังจากนั้นไม่นาน Youtube แพลตฟอร์มเรือธงของพวกเขาก็อยู่ในลำดับต่อไป

  1. Youtube PWA ทำงานอย่างไร?

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

ตัวอย่าง กปภ. เพิ่มเติม:

Uber PWA: กรณีศึกษาที่สมบูรณ์แบบสำหรับ Progressive Web App

WordPress PWA: ทุกสิ่งที่คุณจำเป็นต้องรู้

Twitter PWA: ค้นพบคุณสมบัติที่น่าตื่นเต้น

ประเด็นที่สำคัญ

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

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

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

ติดตั้ง youtube เป็นเว็บแอปโปรเกรสซีฟ

กรณีศึกษา กปภ. เพิ่มเติม:

AliExpress PWA: เพิ่มอัตรา Conversion ด้วย Progressive Web App

Reddit PWA: โซเชียลมีเดียชั้นนำใช้ประโยชน์จากเว็บแอปอย่างไร