Web-performance 5
์ Async ๋ณด๋ค๋ Defer๋ฅผ ์จ์ผํ ๊น
์คํฌ๋ฆฝํธ ์คํ ์ต์ ํ๋ฅผ ์ํด ์ ๊ณ ๋ฏผํด๋ด์ผ ํ๋ค.
8๋ถํฌ๋กฌ์์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ก๋ฉ ์์
ํฌ๋กฌ์์ ์๋ฐ์คํฌ๋ฆฝํธ๋ฅผ ๋ก๋ฉํ๋ ์์
4๋ถCreate React App์ serviceWorker๋ ๋ฌด์์ผ๊น
๊ฐ๋ ๋ดค์ง๋ง ์ ํ ๊ถ๊ธํด ํ์ง ์์๋ ๊ทธ ๊ฒ
11๋ถReferer์ Referer-Policy๋ฅผ ์ํ ๊ฐ์ด๋
์น ์ดํ๋ฆฌ์ผ์ด์ ์์ request๋ฅผ ๋ฐ๊ธฐ ์ํ ์ต์ ์ Referer์ Referrer ์ ์ฑ
14๋ถWebpack์ ํ์ฉํ ์ฑ๋ฅํฅ์ - ์บ์ฑ ํ์ฉํ๊ธฐ
[Make use of long-term caching](https://developers.google.com/web/fundamentals/performance/webpack/use-long-term-caching)์ ๋ฒ์ญํ ๊ธ์ ๋๋ค. ์ฑ ๋ก๋ฉ ์๋๋ฅผ ํฅ์์ํฌ ์ ์๋ ๋ฐฉ๋ฒ ์ค ...
16๋ถ์๋ฐ์คํฌ๋ฆฝํธ ๋ฉ๋ชจ๋ฆฌ ๋์์ ํด๊ฒฐ ๋ฐฉ๋ฒ
```toc tight: true, from-heading: 2 to-heading: 3 ``` [4 Types of Memory Leaks in JavaScript and How to Get Rid Of Them](https://auth0.com/blog/four-types-of-leaks-in-your-javascript-code-and-how-to-...
28๋ถ์ฃผ์ ๋ ๋๋ง ๊ฒฝ๋ก - ๋ธ๋ผ์ฐ์ ์ ์๋ฆฌ๋ฅผ ์ดํดํ๊ณ ์ต์ ํ ํ๊ธฐ
[Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)๋ฅผ ์์ฝํ์ต๋๋ค. ์ด๊ธ์ ๋ณด๋๊ฒ ๋ ๋์์ ์ฌ์ค ```toc tight: true, from-heading: 2 to-heading: 3 ``` ์ฑ...
13๋ถ