넷플릭스 성능 케이스스터디

웹 성능 개선에 왕도는 없다. 간단한 정적 페이지들은 최소한의 자바스크립트만 포함하도록 서버 렌더링할 수 있다. 신중하게 사용된 라이브러리들의 가치는 페이지가 복잡할때 빛을 발한다.

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

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

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

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

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

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