# 웹 최적화 방식 모음

> Clean Markdown view of GeekNews topic #4078. Use the original source for factual precision when an external source URL is present.

## Metadata

- GeekNews HTML: [https://news.hada.io/topic?id=4078](https://news.hada.io/topic?id=4078)
- GeekNews Markdown: [https://news.hada.io/topic/4078.md](https://news.hada.io/topic/4078.md)
- Type: news
- Author: [alstjr7375](https://news.hada.io/@alstjr7375)
- Published: 2021-04-15T16:21:25+09:00
- Updated: 2021-04-15T16:21:25+09:00
- Original source: [black7375.tistory.com](https://black7375.tistory.com/72)
- Points: 23
- Comments: 1

## Topic Body

CSS/JS 파일 위치같은 기초부터 낙관적 UI와 같은 UX트릭까지 다양한 방식을 다룹니다.

풍부한 링크들로 된 레퍼런스도 특징

- 0. 전반적 원칙과 원리

- 1. 다운로드

- 2. 파싱 및 렌더링 트리

- 3. Layout 및 렌더링

- 3.3 UX 트릭

- 4. 로드 후

## Comments



### Comment 4879

- Author: alstjr7375
- Created: 2021-04-15T16:24:06+09:00
- Points: 1

Waterfaller - 웹사이트의 느린 부분 찾아서 빠르게 하기

https://news.hada.io/topic?id=4075

를 보고 생각나서 올립니다.

읽다보면 프레임워크나 라이브러리들이 나오게된 배경과 동작도 어느정도 설명되어 있어요.