Logs
Notes
- ์น
- HTML img ํ๊ทธ์
fetchPriority
์์ฑ์ ๊ธฐ๋ฅ์? (์ฐธ๊ณ )
- ์ด๋ฏธ์ง ๊ฐ์ ธ์ค๊ธฐ์ ์ฐ์ ์์๋ฅผ ์ง์ ํ ์ ์๋ค.
high
: ๋ค๋ฅธ ์ด๋ฏธ์ง์ ๋นํด ๋์ ์ฐ์ ์์๋ก ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ธ์ด.
low
: ๋ค๋ฅธ ์ด๋ฏธ์ง์ ๋นํด ๋ฎ์ ์ฐ์ ์์๋ก ์ด๋ฏธ์ง๋ฅผ ๊ฐ์ ธ์ด.
auto
: ๊ธฐ๋ณธ ๋ชจ๋. ๋ธ๋ผ์ฐ์ ๊ฐ ์์์ ๊ฒฐ์ ํจ.
- https://web.dev/articles/optimize-lcp#optimize-when-the-resource-is-discovered ๋ฌธ์์ ๋ฐ๋ฅด๋ฉด,
- LCP ์์์ผ ๊ฐ๋ฅ์ฑ์ด ๋๋ค๊ณ ์๊ฐ๋๋ฉดย
fetchpriority="high"
๋ฅผย ์ค์ ํ๋ ๊ฒ์ด ์ข๋ค.ย ๊ทธ๋ฌ๋ ํ๋ ๋๋ ๋ ๊ฐ ์ด์์ ์ด๋ฏธ์ง์ ๋์ ์ฐ์ ์์๋ฅผ ์ค์ ํ๋ ๊ฒ์ LCP๋ฅผ ์ค์ด๋ ๋ฐ ๋์์ด ๋์ง ์๋๋ค.
- LCP ๋ฆฌ์์ค๋ ๋ค์๊ณผ ๊ฐ์ด ๋ฏธ๋ฆฌ ๋ก๋ํ๋ ๊ฒ์ ๊ถ์ฅํจ.
<link rel="preload" fetchpriority="high" as="image" href="/path/to/hero-image.webp" type="image/webp">
- ๊ทธ๋ฆฌ๊ณ
loading="lazy"
์ค์ ํ๋ฉด HTML์ ์ฌ์ฉํ์ฌ LCP ์ด๋ฏธ์ง๋ฅผ ์ง์ฐํ๋ ๊ฒ์ ๊ถ์ฅํ์ง ์์.
- ์ง์ฐ ๋ก๋๋ฅผ ์ฌ์ฉํ๋ค๋ ๊ฒ์ ๋ ์ด์์์์ ์ด๋ฏธ์ง๊ฐ ๋ทฐํฌํธ์ ์์์ ํ์ธํ ํ์์ผ ๋ฆฌ์์ค๊ฐ ๋ก๋๋๋ค๋ ์๋ฏธ. ์ด๋ก ์ธํด ๊ทธ๋ ์ง ์์ ๊ฒฝ์ฐ๋ณด๋ค ๋ฆ๊ฒ ๋ก๋๋๋ ๊ฒฝ์ฐ๊ฐ ๋ง์.
- ์ง์ฐ ๋ก๋๋ฅผ ์ฌ์ฉํ๋ฉด ๋ถํ์ํ ๋ฆฌ์์ค ๋ก๋ ์ง์ฐ์ด ๋ฐ์ํ์ฌ LCP๊ฐ ์ฆ๊ฐํจ.
- ์ ๋ชจ๋ฅด๊ฒ ๋ค๋ฉด
fetchPriority=auto
๋ฅผ ์ฌ์ฉํ์.
- ์ธ์ปจ๋๋ธ๋ ์ธ
- ๋
ธ์
vs ์ต์๋์ธ: ๋
ธ์
์ ๋
์ ๋ชฉ๋ก์ด๋ ์์
ํ๋ก์ ํธ์ฒ๋ผ ๊ณํํ๊ณ ์งํ ์ํฉ์ ์ถ์ ํ๋ ๋ฐ ์ข๋ค. ์ต์๋์ธ์ ์น๊ณผ ๊ฐ์ ๊ตฌ์กฐ๋ก ์ฐ๊ฒฐ๋ ํ
์คํธ๋ฅผ ์์ฑํ๋ ๊ธ์ฐ๊ธฐ์ ์ข๋ค. (์ถ์ฒ)
Resources
- ์ต์๋์ธ https://twitter.com/kepano/status/1756468726743122140
- Obsidian์ด๋ผ๋ ์ฑ์ด VC ํฌ์์์ ํ์์ ๋ฐ์ง ์๊ณ ์ฌ์ฉ์๋ค์ ์ง์๋ง์ผ๋ก ์ด์๋๋ ์ด์ :
- ํ ๊ท๋ชจ๋ฅผ ์๊ฒ ์ ์งํ๊ณ ์ ํด ๋ง์ ์ธ๋ ฅ์ ๊ณ ์ฉํ ํ์๊ฐ ์๋ค.
- ์งํค๊ณ ์ ํ๋ ์์น์ด ์๊ณ ์ด๋ฅผ ์ํ๋ฐ์ง ์๊ณ ์ ํ๋ค.
- ์ฌ์ฉ์๋ค์ด ์ด๋ฅผ ์ง์ํ๊ณ ์์ด VC ํฌ์๊ฐ ํ์ํ์ง ์๋ค.
- VC ํฌ์๋ฅผ ๋ฐ๋ ์ฑ์ ๋จ์ :
- VCware๋ฅผ ์ง์์ ์ผ๋ก ์ด์ํ๋ ค๋ฉด ์ ์ ์ปค์ ธ๊ฐ๋ ๋ฏธ๋์ ๋น์ ์ ์ ์ํด์ผ ํ๋ค. ํ์ง๋ง ์ด๋ฌํ ๋น์ ์ ์คํํ๊ธฐ๋ ์ ์ ์ด๋ ค์์ง๋ค. ์ด๋ ์ ํ์ ํ์ง์ ์ ํ์ํค๋ ์ฌ๋ฌ ๊ฐ์ง ์ฐ์ ์์ ๊ฐ์ ์ฐจ์ด๋ฅผ ๋ถ๋ฌ์ผ์ผํจ๋ค.
- ์คํ์์ค ๋
ธํธ์ฑ
- IT
- React
- GeekNews
- ์คํ์์ค