๋ฆฌ์กํธ์ ๋ ๋๋ง์ ์ด๋ป๊ฒ ์ผ์ด๋๋๊ฐ?
๋ฆฌ์กํธ์์ ๋ฉ๋ชจ์ด์ ์ด์ ์ ์ธ์ ํด์ผํ๋๊ฐ ๊ณ ๋ฏผ ํ๋ค๊ฐ ์ฌ๊ธฐ๊น์ง ์๋ค
20 POSTS
Web-performance 2
์น ์ ํ๋ฆฌ์ผ์ด์ ์์ ์๋ฐ์คํฌ๋ฆฝํธ ํ๋กํ์ผ๋ง ํด๋ณด๊ธฐ
ํด๋ดค์ง๋ง ํด๋ณด์ง ์์์ต๋๋ค
์๋ฒ์์ ํด๋ผ์ด์ธํธ๋ก์ ์ฌ์ - ๋ธ๋ผ์ฐ์ ์ ์๋ฒ๋ ์ด๋ป๊ฒ ๋ฐ์ดํฐ๋ฅผ ์ฃผ๊ณ ๋ฐ์๊น
๋คํธ์ํฌ๋ ๊ณต๋ถํด์ผํ๋๋ฐ
์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๊ฐ ๊ฐ์ ธ์ผํ ์ฑ ์๊ฐ (2)
์์ง๋ง ์ ์ง ์ ๋ป ๋ดํค์ง ์๋ ์ต์ ํ, ์ด์ ๊ฐ ๋ฌด์์ผ๊น ๐ค
์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๊ฐ ๊ฐ์ ธ์ผํ ์ฑ ์๊ฐ (1)
์ฑ ์๊ฐ ์๋ ์ฝ๋๋ฅผ ์์ฑํ๊ณ ์๋์ง ํญ์ ๋ค๋์๋ณด๊ธฐ
๋ฆฌ์กํธ 18์์ ๋ณ๊ฒฝ๋ ์๋ก์ด SSR ์ํคํ ์ณ
๋ฐ๋ผ๊ฐ๋ ๊ฒ๋ง ํด๋ ๋ฐ์ ์ธ์
Critical Request - request ์์๋ ์น์ฌ์ดํธ ์๋์ ์ด๋ค ์ํฅ์ ๋ฏธ์น๋๊ฐ
์์์ ์ ํํํ๋๊ฒ ์ค์ํ์ง
ํธ๋ฆฌ์์ดํน์ผ๋ก ์๋ฐ์คํฌ๋ฆฝํธ ์ฌ์ด์ฆ ์ค์ด๊ธฐ
ํธ๋ฆฌ์์ดํน์ ์ง์ ํด๋์ธ์ ์ ๋ฐ
requestIdleCallback์ผ๋ก ์ต์ ํํ๊ธฐ
๋ด ์ธ์์ ์ธ์ idle ํ ๊ฒ์ธ๊ฐ
์น ํ์ด์ง์์์ ์๋ฐ์คํฌ๋ฆฝํธ ๋ฉ๋ชจ๋ฆฌ ์ฌ์ฉ๋ ๋ฒค์น๋งํน
๋ถ์ํ ๋ ๋ง๋ค ํ์จ์ด ๋์ค๋ ๊ทธ๊ฒ
์น์ฌ์ดํธ์ ์ฑ๋ฅ์งํ, Core Web Vital
์กฐ๋ง๊ฐ ์น์ฌ์ดํธ ํ๋์ฉ ๋ถ์ํด ๋ณด๊ฒ ์ต๋๋ค
์น ํฐํธ ๋ก๋ฉ์ ๋ ๋น ๋ฅด๊ฒ ํ๋ ๋ฐฉ๋ฒ
๊ฐ๋ฐํ ๋ ๊ฐ์ง๋๋ ์ด์ ํฐํธ ์ถ์ฒ๋ฐ์ต๋๋ค
reduce์ spread ๋ฅผ ์ฐ๋ฉด ์๋๋ ์ด์
์์งํ ๋ญ๊ฐ ๋ฉ์์ด์ ๋ง์ด ์ฐ๊ธด ํจ
Nextjs 11 ๋ฆด๋ฆฌ์ฆ ๋ ธํธ ์ดํด๋ณด๊ณ ๋ธ๋ก๊ทธ์ ์ ์ฉํ๊ธฐ
nextjs ์ ๋ง ์ด์ผํ๋ค2222
HTTP1 vs HTTP2
๊ณต๋ถํ ๊ฒ ์ ๋ง ๋ง์ต๋๋น
๋๋ ํ ๋ฆฌ์ ์๋ ๋ชจ๋ ์ด๋ฏธ์ง ์ต์ ํ ํ๊ธฐ
PNG๋ ์ข ๋๋ฆฝ๋๋ค
github workflow๋ก lighthouse ci ์ถ๊ฐํ๊ธฐ
์ ์์ ๋ ธ์๊ฐ ๋๋ฒ๋ฆฐ ๋
CSS ์ฑ๋ฅ ํฅ์ ์ํค๊ธฐ
CSS์ ํฉ์ ๊ฐ ์ถ๊ฐํ CSS ์๋ฒฝ๊ฐ์ด๋๋ฅผ ์ฅ์์ฉ์ผ๋ก ๊ตฌ๋งค...
ํ์ ์คํฌ๋ฆฝํธ ์ฑ๋ฅ์ ์ํ ํ
์๋ฌดํผ ์คํฐ๋ ์ค์
์๋ฐ์คํฌ๋ฆฝํธ ์ฑ๋ฅ๊ณผ ๋ฒ๋ค ์ฌ์ด์ฆ
์๋ฐ์คํฌ๋ฆฝํธ ์ฑ๋ฅ์ ์ค์ํ ๊ฑด ๋ฒ๋คํฌ๊ธฐ ๋ง์ ์๋๋ค. ๊ทผ๋ฐ ๊ฐ๋ฐ ํ๋๋ผ ์ด๊ฒ๋ ์ ๋ชป์ฑ๊ธฐ๊ณ ์๋๋ฏ.