【시청 메모】Building Successful Websites: Case Studies for Mature and Emerging Markets (Google I/O ’19)

이 도움말은 Google I/O '19 세션 시청 메모입니다.
가정 독자는 자신이므로 정확성과 포괄율에 문제가있을 수 있습니다.

References

htps //w w. 요츠베. 이 m/와 tch? v = 3 아 s9에 b jk
Speaker(s): Aanchal Bahadur, Matt Doyle, Jesar Shah, Charlie Croom, Rudra Kasturi

추상

Investing in the web has led to broader reach, meaningful engagement, and business impact for companies around the world. Come hear directly from them on how they are building successful websites for users in different network conditions, on a wide range of device-types, platforms and operating systems.

번역

웹에 투자하면 광범위한 계층에 대한 어필과 의미있는 참여, 전세계 기업들에게 비즈니스 영향을 미칩니다. 여기에서는 어떻게 다양한 네트워크 상황·디바이스 타입·OS와 플랫폼의 유저에게 의미 있는 Web 사이트를 제공하는 것인가를 이야기합니다.

Contents

Case Studies

트위터

Build once, ship to everyone

하나의 코드베이스로 Desktop,Mobile,FeaturePhone 모두에 대응했다

트윗 수가 3배로

설치 수는 500만 이상

Desktop과의 차이점은?

피쳐폰의 경우는?

스마트 폰과 달리, 플로팅 버튼은 너무 커서 배치 할 수 없기 때문에 막대에 링크를 내는 것만으로하고있다

Times Internet

인도 인터넷 기업

네트워크 강도가 약한 마을에 사는 사용자가 많다

뉴스 사이트에서 PWA를 도입했지만 성능 및 참여 측면에서 최고였습니다.

기본적인 3개의 요소(Code Splitting/Resource Optimization/Offline Caching)를 제대로 했다

Lighthouse 만점

PWA로 사용자의 증가수가 72% 증가했고 세션 시간이 31% 증가했어요

광고 수익이 59% 증가했다

다음은?

TWA에서 PWA를 네이티브화

일반 앱에 비해 8배 작고 5배 빠른

Hulu

PWA Desktop

네이티브 버전에 대한 리뷰가 너무 심했습니다

웹 버전이 더 낫다는 리뷰가 있었기 때문에 웹 버전으로만하기로 결정했습니다.

PWA로 하기 위해서 2개의 것으로부터 시작했다

Web App Manifest를 작성하여 SW를 도입했습니다.

최소한의 일을 하기 위해서는 개발자 한 명이 2주간 쓸 수 있어서 좋았다

연구, 개발, 품질보증, 릴리스 모든 단계에서 그만큼

1 스프린트 있으면 PWA화 가능!

Memo

PWA! PWA!

이 세션에서 말한 모든 것은 web.dev에서 학습 할 수있는 과정으로 유지됩니다.