docs: 12장 정리

12장/README.md

@@ -0,0 +1,21 @@
+# 오혜성
+
+## 12장
+
+- 킹갓구글이 측정할 수 있는 핵심 웹 지표를 제시했다.
+- 이미지 대신 텍스트를 사용하여 FCP를 개선할 수 있다.
+- 사용자 경험을 정리한 RAIL 설명
+- 유튜브의 경우 서버 사이드 렌더링 때 어떤 동영상이 나올지 결정되지 않은채로 렌더링을 시작
+- async vs defer 의 경우 defer를 우선적으로 사용하는 것이 좋다. (스크립트마다 다르다!)
+- [폰트](https://drafts.csswg.org/css-fonts/#font-display-desc)
+- 서버 사이드에서 이미지를 만드는 동작이 있고, TTFB가 느려진 이슈가 있는데 요걸 해결한 경험 ->
+- above the fold 란 신문의 전면부분을 의미하는데, 웹에서는 사용자가 보는 화면을 의미한다.
+- DOM 크기의 기준이 딱히 없었는데 구글의 기준을 보며 깨달음을 얻었다.
+
+# 우창완
+
+- Largest Content는 동적으로 변한다.
+- css 에서 background-image를 사용하면 렌더링이 느려진다.
+  - 블로킹 리소스라 그렇다!
+- 라이트하우스, 데브 툴스 모두 FID 대신 TBT 사용
+- CLS는 불편하다.