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

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

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

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

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

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

웹 컴포넌트(5) — lit-html로 리엑트처럼 코딩하기

커스텀 엘리먼트와 쉐도우 돔 그리고 lit-html을 사용하여 웹 컴포넌트 TODO앱을 만들어 본다. 이 방식으로 여러분은 익숙한 리엑트와 같은 방식으로 웹 컴포넌트 앱을 작성할 수 있다. lit-html은 단지 25kb를 차지할 뿐이며, 모든 코드는 #useThePlatform의 모토를 따라 브라우저 표준을 따른다.