웹 성능 최적화 포스트 공유

[kingyong9169]

브라우저 렌더링 과정

1. Reflow, Repaint을 알아보자!
2. [자바스크립트] 브라우저 렌더링
3. 브라우저는 어떻게 웹사이트를 화면에 표시할까요? -> 개인적으로 이게 베스트

애니메이션 최적화

https://wit.nts-corp.com/2017/06/05/4571

이미지 최적화

1. (번역) 이미지 최적화에 대한 명확한 가이드
2. 웹 성능을 위한 이미지 최적화
3. 웹 성능 최적화를 위한 Image Lazy Loading 기법

번들링 사이즈 최적화 및 코드 스플리팅

1. 리액트 번들 사이즈 최적화
2. React에서 해보는 코드 스플리팅 (Code Splitting)
3. 리액트 프로젝트 코드 스플리팅 정복하기 -> velopert
4. 트리쉐이킹으로 자바스크립트 사이즈 줄이기