웹 앱 패턴
웹 앱 빌드를 위한 공통 패턴 모음입니다.
- 패스키로 12배 더 빠른 로그인을 달성한 Tokyu
- Google Sheets에서 계산 작업자를 JavaScript에서 WasmGC로 포팅한 이유
- 불편함이 줄어들고 더 많은 제어 기능: Google Meet에서 오디오 및 동영상 권한을 개선한 방법
- MediaPipe의 온디바이스 웹 AI 솔루션을 활용하여 동영상 스트림 UX를 개선하고 세션 시간을 30% 늘린 BILIBILI
- Disney+ Hotstar가 INP를 61% 줄여 거실 기기에서 주간 카드 조회수를 100% 늘린 방법
- Google 하드웨어를 활용한 양방향 3D 웹에서: 차세대 제품 교육 경험
- PubTech의 동의 관리 플랫폼이 고객 웹사이트의 INP를 최대 64% 줄이고 광고 조회가능성을 최대 1.5% 개선한 방법
- 모든 위치에서 유용한 메모
- WebAssembly와 WebCodecs를 사용해 완전한 기능을 갖춘 웹 앱을 빌드하여 자연 트래픽을 83% 늘린 CapCut
- 콘텐츠 추천 제공업체인 Taboola가 LoAF를 사용해 게시자 파트너 웹사이트의 INP를 최대 36% 개선한 방법
- 일러스트레이터를 위한 웹의 힘: pixiv가 그리기 앱에 웹 기술을 활용하는 방법
- Tokopedia에서 머신러닝을 사용해 판매자 웹 앱을 개선하여 운영 비용을 절감한 방법
- Trendyol이 INP를 50% 줄여 클릭률을 1% 높인 방법
- Kiwix PWA를 통해 사용자가 오프라인에서 사용하기 위해 인터넷의 데이터를 GB 단위로 저장할 수 있는 방법
- Yahoo! JAPAN은 패스키 채택률을 11% 까지 늘리고 SMS OTP 비용을 절감했습니다.
- 테라가 광고 클릭률을 30% 높이고 최대 콘텐츠 렌더링 시간을 늘리는 데 프리패치를 사용한 방법
- 뒤로-앞으로 캐시가 Yahoo! JAPAN 뉴스의 모바일 수익 9% 증대
- redBus에서 웹사이트의 'Next Paint(다음 페인트)에 대한 상호작용(INP)'을 개선하고 판매를 7% 늘린 방법
- INP 문제 해결을 위한 Economic Times 퀘스트
- 브라우저 내 3D의 놀라운 기능을 조명하면서 슬로우 로드가 게이머와 개발자 모두를 놀라게 하는 방법
- 더 나은 웹 만들기: 더 빨라진 YouTube
- Rakuten 24에서 코어 웹 바이탈에 투자하여 방문자당 수익을 53.37%, 전환율을 33.13% 늘린 방법
- GoDaddy의 웹사이트 + 마케팅 서비스에서 고객 코어 웹 바이탈을 75% 개선한 방법
- 코어 웹 바이탈이 개선되어 전환율이 높아진 럭셔리 소매업체 Farfetch
- Yahoo! JAPAN은 비밀번호를 사용하지 않는 인증으로 문의량이 25% 감소하고 로그인 시간이 2.6배 빨라졌습니다.
- RebelMouse 코어 웹 바이탈을 최적화하여 충성도와 참여도를 높인 방법
- WorkBox가 포함된 Adobe Experience Manager의 최신 웹 환경
- MishiPay PWA로 거래 10배 증가, 대기 시간 2.5년 단축
- The Economic Times가 코어 웹 바이탈 기준점을 통과하고 전반적으로 43% 더 높은 이탈률을 달성한 방법
- Terra가 어두운 모드를 통해 사용자 참여도를 개선한 방법
- QuintoAndar에서 페이지 실적을 개선하여 전환율 및 세션당 페이지 수를 늘린 방법