Image Loading


### Lazy Loading is important
> ![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F5c57ec98-873b-406f-a65e-7da1ab2f60a2%2FUntitled.png?table=block&id=f9358fbb-a6e9-4784-9986-2e80d50f96fc&cache=v2)

> ![](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F71373e87-1ca5-45b4-a0d5-3204e7b1edf6%2FUntitled.png?table=block&id=ca4ac4a8-4522-443f-ba90-281545b9451a&cache=v2)

- [LQIP-Loader](https://github.com/zouhir/lqip-loader)
- [SQIP-Loader](https://github.com/EmilTholin/sqip-loader)


[CSS display & visibility](https://texonom.com/css-display-visibility-92d5e1fb455e4cf58f17214d51249e26) content-visibility로 Lazy Loading



> [[스압/데이터주의] 웹 최적화 방식 모음 - 3.3 UX 트릭](https://black7375.tistory.com/80)





