browser

javascript

Webpack을 활용한 성능향상 - 캐싱 활용하기

[Make use of long-term caching](https://developers.google.com/web/fundamentals/performance/webpack/use-long-term-caching)을 번역한 글입니다. ```toc from-heading: 2 to-heading: 3 ``` 앱 로딩 속도를 향상시킬 수 있는 방법 중 ...

Read
javascript

자바스크립트 메모리 누수와 해결 방법

```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-...

Read
javascript

자바스크립트의 비용

[The cost of JavaScript in 2019](https://v8.dev/blog/cost-of-javascript-2019)을 번역 요약한 글입니다. ```toc tight: true, from-heading: 2 to-heading: 3 ``` <iframe src="https://www.youtube.com/embed/X9eRLElSW...

Read
javascript

주요 렌더링 경로 - 브라우저의 원리를 이해하고 최적화 하기

[Critical Rendering Path](https://developers.google.com/web/fundamentals/performance/critical-rendering-path?hl=ko)를 요약했습니다. 이글을 보는게 더 나아요 사실 ```toc tight: true, from-heading: 2 to-heading: 3 ``` 성...

Read
javascript

빠른 로딩을 위한 PRPL 패턴

[Apply instant loading with the PRPL pattern](https://web.dev/apply-instant-loading-with-prpl/)을 번역한 글입니다. PRPL은 웹 페이지를 로드하고 인터랙티브 할 수 있게 금 더욱 빠르게 만드는 패턴을 설명하는 약어다. ## 요약 - 중요한 리소스를 미리 로드해라 (Push (...

Read