YouTube PWA: 사용자에게 원활한 경험 제공

Youtube Music PWA가 성공적으로 출시된 후 2019년에 Youtube가 PWA로 재탄생했다는 사실을 아는 사람은 거의 없었습니다. Google 사이트 생태계의 또 다른 웹 앱이 프로그레시브 웹 앱이 되면서 PWA의 잠재력이 다시 한 번 강화되었습니다. 다음은 특히 전자 상거래에서 모든 종류의 웹 사이트에 대한 대가로 수익을 내고 성능을 향상시키는 PWA의 능력에 대한 기대입니다. 이번에는 Youtube PWA에 대해 이야기하겠습니다.

가장 큰 장편 비디오 소셜 플랫폼의 PWA 채택 뒤에 숨겨진 이야기는 무엇입니까?

인상적인 10년 동안 Youtube는 10억 뷰에서 10억 뷰로 제국을 구축하면서 믿음의 도약을 했습니다. 그리고 15년의 역사와 함께 유튜브는 온라인 동영상 플랫폼의 왕으로 굳건히 자리잡고 있습니다.

매일 비디오 콘텐츠를 소비하는 데 시간을 보내는 22억 명의 월간 사용자를 보유한 Youtube는 Google에 이어 두 번째로 인기 있는 검색 엔진이라는 기록도 보유하고 있습니다. 그곳은 우리 모두가 가서 우리가 속한 부족을 찾고, 운동에 참여하고, 온라인과 오프라인에서 지속되는 영향을 만드는 곳입니다.

YouTube를 사용하면 콘텐츠 제작자가 자신의 창작물을 열성적인 청중에게 널리 퍼뜨릴 수 있습니다. 이것이 YouTube에 모든 사람을 위한 모든 것이 있는 이유에 대한 답입니다. 제작, 스트리밍부터 뷰티 리뷰, 음식, 정치 등에 이르기까지. 사용자(크리에이터와 뷰어)와 Google 모두에게 완전한 윈-윈입니다.

프로그레시브 웹 앱의 새 용어를 도입한 후 Google 팀은 다른 동료 개발자와 사용자에게 PWA 숙달을 알리고 이끄는 놀라운 일을 해냈습니다.

많은 유명 브랜드가 2018년에 세계 최대의 PWA를 출시한 Twitter와 같은 Google 개발자의 도움으로 처음으로 혁신적인 도약을 했습니다. 얼마 지나지 않아 Google 포토가 PWA로 제공되는 다음 사진이 되었으며 나머지 Google 서비스도 마찬가지입니다. 즉, Google 드라이브, Google 여행 및 Google 지도입니다.

2019년 팀에서 설명했듯이 Youtube는 네트워크 성능이 약한 상황에서도 언제 어디서나 플랫폼을 사용할 수 있도록 프리미엄 사용자 액세스를 PWA로 제공하고자 합니다. PWA는 최신 웹 기능을 적용하여 웹 앱 경험을 기본 앱과 매우 유사하게 만드는 반면 브라우저 탭의 페이지는 몰입형 고급 앱으로 작동할 수 있습니다.

Chrome 사용자는 홈 화면에 앱을 추가하고 데스크톱 앱 이상 사용하지 않으려는 경우 Youtube PWA를 경험할 수도 있습니다. 그 외에 오프라인 검색과 같은 주요 기능은 오픈 소스 Youtube PWA의 경우 가능한 한 최소한이므로 사용할 수 없습니다.

다양한 보고서에 따르면 PWA는 많은 새로운 기술 발전을 위한 공간을 제공하기 때문에 PWA로 전환하면 Google이 주력 플랫폼 중 하나를 크게 개선하는 데 도움이 됩니다.

관련 게시물:

Starbucks PWA와 같은 PWA를 개발하는 데 비용이 얼마나 듭니까?

Alibaba PWA: 프로그레시브 웹 앱으로 승리

Pinterest PWA: 올바른 방법으로 모바일 성능 향상

지금까지 유튜브 PWA의 성과

YouTube PWA, 프리미엄 사용자 경험 향상

Youtube PWA는 표시되는 플랫폼, 장치, 네트워크 품질 또는 비디오 형식에 관계없이 프리미엄 버전에 대한 몰입형 비디오 경험을 제공하도록 만들어졌습니다.

Chrome OS에서 Android 앱을 다운로드하지 않으면 연결이 끊어진 상태에서 Youtube 동영상을 볼 수 있는 다른 방법이 없습니다. 그러나 PWA에서는 상황이 완전히 바뀌었습니다. 프리미엄 사용자는 오프라인에서 비디오를 시청해야 하는 장소와 시간, 기기에 관계없이 시청할 수 있습니다.

원활한 액세스를 위한 기본 앱 경험 만들기

이를 달성하기 위해 Google의 개발자는 YouTube가 언제든지 모험을 불러올 수 있는 안전한 오프라인 재생을 포함하여 더욱 부드러운 사용자 경험을 제공하는 PWA를 얻을 수 있도록 많은 학습과 실험이 이루어졌다고 말했습니다.

YouTube에서 제자리에 누워 있는 것은 푸시 알림을 위한 서비스 워커⁠였지만 가져오기⁠ 핸들러가 없었습니다. 이후에 충돌이 발생할 수 있는 사이트와 관련하여 개발자 팀은 사용자를 브라우저와 같은 기본 사이트로 다시 전환할 수 있는 기능이 없는 서비스 작업자를 만드는 대체 솔루션을 찾았습니다.

이러한 지속적인 작은 변경으로 Youtube 팀은 사용자가 항상 최신 버전에 액세스할 수 있기를 원했기 때문에 PWA는 소스 네트워크에서 바로 서비스를 제공하고 필요할 때만 캐시백할 수 있습니다.

서비스 작업자가 방해를 받고 주의를 산만하게 하는 것을 방지하기 위해 네트워크 우선 캐싱을 실행하고 Navigation Preloads⁠를 사용합니다. 개발 팀은 파손을 고려하여 모니터링⁠ 서비스 워커도 설정했습니다.

크롬북에서 PWA 실험하기

Youtube 팀은 테스트 실행을 위한 이상적인 후보로 Chromebook 사용자를 선택했습니다. 그들은 모두 최신 API를 갖추고 있기 때문에 실제 사용자로부터 업데이트에 대한 직접적인 피드백을 받을 것입니다. 이러한 실행은 다음과 같은 간단한 기능으로 시작하여 최종 사용자를 위한 PWA 적응 단계의 역할도 합니다.

• 마우스 및 키보드 활동을 지원하는 새로운 스마트 터치 제스처
• 두 번 탭하여 재생 속도 빠르게 감기
• 음성으로 검색
• Web Share⁠, App Shortcuts⁠ 및 Declarative Link Capturing⁠을 통합하여 더 많은 PWA 기능 활성화

YouTube TV는 시청자에게 프로그레시브 웹 앱을 설치하라는 메시지를 표시합니다.

tv.youtube.com을 방문하면 Chrome의 검색주소창에 '더하기' 버튼이 있다는 것을 알 수 있습니다. 다른 PWA와 마찬가지로 프롬프트를 활성화하여 사용자가 PWA가 할 수 있는 일에 대해 더 많이 알도록 할 수 있습니다. 그리고 TV에서 입력하는 것이 더 어렵다는 것을 알고 있으므로 앱을 한 번 설치하면 시간과 더 많은 것을 절약할 수 있습니다.

Youtube TV PWA는 이를 알고 시스템 대화 모서리에 파란색 "앱 설치" 버튼으로 친숙한 청중에게 메시지를 표시합니다. 사용자는 항상 초대를 철회할 수 있는 옵션이 있지만 장기적으로 볼 때 기꺼이 철회할 사람은 더 적습니다.

홈 기반 화면용 새 PWA 버전 내에서 보기가 위에 배치될 때 다른 브라우저 UI와 함께 더 이상 주소 표시줄이 표시되지 않습니다. 그 외에도 수행 중인 콘텐츠 유형을 나타내는 오버플로 위치 표시기를 사용할 수 있습니다.

관련 주제:

Uber PWA: 프로그레시브 웹 앱을 위한 완벽한 사례 연구

WordPress PWA: 알아야 할 모든 것

Twitter PWA: 흥미로운 기능 알아보기

Youtube PWA에 대해 자주 묻는 질문

1. 유튜브에 PWA가 있나요?

예. Youtube Music PWA가 성공적으로 채택된 후 Youtube는 2019년 Chromebook에서 PWA 버전을 출시하며 프리미엄 사용자는 오프라인 사용으로 독점적인 기능을 더 많이 경험할 수 있습니다.

2. PWA 유튜브란?

Youtube PWA는 PWA 기술을 사용하여 사용자를 위한 보다 건전하고 원활한 기본 기능을 만듭니다. 자주 시청하는 시청자가 Youtube를 더 쉽게 즐길 수 있도록 PWA 버전은 사용자에게 홈 화면에 Youtube 웹을 추가하라는 팝업을 표시합니다. 이러한 방식으로 사용자는 더 이상 앱을 업데이트할 필요가 없지만 Google의 최신 개선 사항을 자동으로 경험하게 됩니다.

3. Youtube PWA를 어떻게 추가합니까?

일반적으로 Chrome 사용자는 검색주소창의 더하기 아이콘을 클릭하여 홈 화면에 Youtube PWA를 추가하고 앱처럼 사용하라는 메시지를 표시합니다. 이전과 같이 Chrome의 오버플로 메뉴에서 인기 있는 '설치' 옵션과 다릅니다.

"설치" 프로세스가 완료되면 사용자는 앱 런처에서 유명한 빨간색 재생 로고와 Youtube 이름을 볼 수 있습니다. 이제 근처에 주소 표시줄이 보이지 않고 전체 보기 창에서 Youtube를 열 수 있습니다. 사용자 인터페이스 요소는 기본 데스크톱 앱 경험과 더 유사하며 선반 고정 기능을 통해 사용자에게 즉시 액세스할 수 있습니다.

4. 유튜브 뮤직은 PWA인가요?

큰 브랜드를 위한 유명한 PWA 출시를 많이 만든 후 Google은 YouTube Music PWA를 포함하여 자체 앱을 PWA로 구축하여 제공하기 시작했습니다. 15개월의 시험 기간 후에 채택은 또 다른 성공을 거두었으며, 얼마 지나지 않아 그들의 주력 플랫폼인 Youtube가 그 다음입니다.

5. YouTube PWA는 어떻게 작동합니까?

일반적으로 Youtube PWA는 이전 웹 버전과 크게 다르지 않으며 가장 큰 차이점은 Youtube를 즉시 설치할 수 있는 링크가 포함된 프롬프트 팝업이 표시되기 시작한다는 것입니다. 특정 웹 브라우저에 따라 표시되는 방식이 변경되지만 모든 최신 웹 브라우저는 PWA를 지원합니다. 설치되면 브라우저 탭 대신 다른 일반 앱처럼 자체 창에서 Youtube를 실행할 수 있습니다.

더 많은 PWA 예:

Uber PWA: 프로그레시브 웹 앱을 위한 완벽한 사례 연구

WordPress PWA: 알아야 할 모든 것

Twitter PWA: 흥미로운 기능 알아보기

주요 내용

프로그레시브 웹 앱은 많은 혁신적인 개선이 가능하지만 Youtube PWA는 최소한의 채택이므로 할 수 있는 모든 것을 볼 수 없습니다. 오프라인 사용 외에도 홈 화면 설치 및 푸시 알림과 같은 앱과 유사한 기능을 지원하는 PWA는 사이트 로딩 속도를 몇 초 만에 높일 수 있습니다.

기본적으로 PWA는 훨씬 더 많은 기술 개선 사항을 개발할 수 있는 능력이 있으므로 Google은 Youtube가 무제한으로 최신 기술을 갖추기를 원하며 Youtube PWA가 있습니다. 변경 사항에 대해 이야기할 내용이 많지 않지만 전반적으로 경험이 더 부드럽고 다양해집니다.

PWA가 귀하의 웹사이트를 위해 구체적으로 무엇을 할 수 있는지 자세히 알고 싶다면 Tigren 에 연락하여 무료 상담을 받으세요. 우리는 최고 수준의 PWA 개발 에이전시 중 하나이며 무료 지원과 함께 높은 수익과 투명한 가격 전략을 약속하는 프리미엄 PWA 개발을 제공하기 위해 여기 있습니다.

더 많은 PWA 사례 연구:

AliExpress PWA: 프로그레시브 웹 앱으로 전환율 향상

Reddit PWA: 주요 소셜 미디어가 웹 앱을 활용하는 방법