Tinder의 프로그래시브 웹 앱 성능 케이스 스터디

Tinder의 프로그래시브 웹 앱 성능 케이스 스터디

Tinder는 최근 웹 앱을 출시했다. (swiped right: 아이폰의 밀어서 잠금 해제와, Tinder 앱에서 우측으로 밀어 마음에 드는 상대를 확인하는 것을 연상시키는 여러 가지 의도를 포함했다). Tinder Online은 새로운 반응형 프로그래시브 웹 앱(Progressive Web App)으로, 데스크탑과 모바일의 모든 사용자는 자바스크립트 성능 최적화, 네트워크 회복성을 위한 서비스 워커(Service Worker) 그리고 채팅 참여를 도울 푸시 알림(Push Notifications)이 주는 이점을 누리게 되었다. 오늘은 Tinder가 웹 성능에 대해 배운 것들 알아보자.

프로그래시브 웹앱 성능에 대한 리엑트, 프리엑트 케이스 스터디 : Treebo

프로그래시브 웹앱 성능에 대한 리엑트, 프리엑트 케이스 스터디 : Treebo

프론트엔드 리엑트 성능 케이스 스터디. Treebo는 장고로 만들어져 있던 기존 모바일 사이트의 성능을 개선하며 얻은 경험을 케이스 스터디로 공유한다. 프로그래시브 웹 앱의 성능 감사 포인트로 First Meaningful Paint, First Interactive, Consistenly Interactive 등을 기준으로, 서버사이드 렌더링, 코드 분할, HTML 스트리밍, 스타일 인라이닝 등의 적용이 어떻게 영향을 미치는지 알아본다.