Seonglae ChoClient-side Rendering(CSR)을 사용하는 앱은 번들 사이즈가 커지면서 지연되는 First Paint(FP)등의 성능 지표를 최적화 하기 위해 SSR을 고려하기 시작
SSR을 도입하는 순간 전에 없던 문제들이 생기기기 시작합니다.
- 그릴 수 있는 마크업이 먼저 등장하면서 "Flash of unstyled content" (FOUC) 문제가 발생합니다.
- FOUC를 방지하기 위해 필요한 CSS 스타일시트를 우선적으로 로딩할 필요가 생깁니다.
- 마크업과 스타일시트가 각각 들어가면서 Critical rendering path가 길어집니다.
Hyeseong's Blog - Jamstack에서 스타일시트를 최적화하는 법
기여하던 gatsby-plugin-linaria 프로젝트의 소유권을 최근에 이전 받았습니다. 원 저자인 Matija Marohnić 가 더 이상 플러그인을 사용하지 않고 다른 기술 스택을 사용하고 있으며, 제가 중간에 대부분의 코드를 새로 작성하면서 이해도 차이가 생기게 되었는데 Matija 가 이 부분을 언급하면서 제게 소유권을 넘겼습니다.
https://blog.cometkim.kr/posts/css-optimization-in-jamstack/
