성능 예산 Archives

번역, 프로그래시브 웹 앱, 자바스크립트, 전체

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

11월 4, 201811월 4, 2018by kyuwoo.choiLeave a Comment

Pinterest가 모바일 하드웨어에서도 빠르게 로드될 수 있도록 자바스크립트를 가볍게 하고, 네트워크 탄력성을 가질 수 있도록 서비스 워커(Service Worker)를 도입한 것에 대해 다룬다.

번역, 프로그래시브 웹 앱, 전체

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

9월 24, 20189월 25, 2018by kyuwoo.choiLeave a Comment

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