๐ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ผ๋ฉด ์๊ณ ์์ด์ผ ํ ๋ธ๋ผ์ฐ์ ์ ๋์ ๊ณผ์
- ๋ธ๋ผ์ฐ์ ์์ ์ด๋ค ๊ณผ์ ์ ํตํด ๋ ๋๋ง์ด ์คํ๋๋์ง์ ๋ํด ์์๋ด ๋๋ค. --- ๋ธ๋ผ์ฐ์ ์ ๋์ ๊ณผ์ ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์ ๋ฉด์ ์ง๋ฌธ์์๋ ๊ฝค ์์ฃผ ๋์ค๋ ์ง๋ฌธ์ ๋๋ค. ๋๋ถ๋ถ์ ํ๋ก ํธ์๋ ๊ฐ๋ฐ์๋ ๋ธ๋ผ์ฐ์ ์์ ๋์ํ๋ ์ ํ๋ฆฌ์ผ์ด์ ์ ๋ง๋ค๊ธฐ ๋๋ฌธ์ด์ฃ . ์ด๋ฅผ ์ค์ ๋ ๋๋ง ๊ฒฝ๋ก(Critical rendering path)๋ผ๊ณ ๋ถ๋ฆ ๋๋ค. ์ฌ์ค ์ด๋ฌํ ๋ถ๋ถ์ ๋ชฐ๋ผ๋ ๊ฐ๋ฐ์ ํ๋๋ฐ ์์ด์๋ ๋ฌธ์ ๊ฐ ์์ง๋ง, ์ต์ ํ ๊ณผ์ ์ด ํ์ํ ๋๋ ์ด์ผ๊ธฐ๊ฐ ๋ฌ๋ผ์ง๋๋ค. ์๋ชป ์ฌ์ฉํ CSS๋ ์๋ฐ์คํฌ๋ฆฝํธ ์ฝ๋๊ฐ ์ ํ๋ฆฌ์ผ์ด์ ์ ์๋์ ์ฑ๋ฅ์ ๋จ์ด๋จ๋ฆฌ๊ธฐ๋ ํ๋๋ฐ, ์ด๋ค ๋ถ๋ถ์ด ๋ฌธ์ ๋ฅผ ์ผ์ผํค๋์ง ์์์ผ ํ๋๊น์. (์ ๊ฐ ์์ฑํ ๊ธ์ด๊ธด ํ์ง๋ง) ๋ณธ๋ฌธ์์๋ HTML ํ์ฑ, CSS ํ์ฑ, ๋ ๋ ํธ๋ฆฌ ๊ตฌ์ถ, ๋ฆฌํ๋ก์ฐ, ๋ฆฌํ์ธํธ๋ฅผ ์์๋๋ก ๋ค๋ฃน๋๋ค. ๊ทธ๋ฆฌ๊ณ ๋ธ๋ผ์ฐ์ ์ ๊ธฐ๋ณธ ์ต์ ํ ๊ณผ์ ์ ํ๊ณ๋ฅผ ๊ฐ์ DOM์ด ์ด๋ป๊ฒ ํด๊ฒฐํ๊ณ ์ ํ๋์ง๋ ์ ๋ฆฌ๋์ด ์์ต๋๋ค. ๋ธ๋ผ์ฐ์ ์ ๋ ๋ ๊ณผ์ ์ ์์๊ฐ ๊ถ๊ธํ ๊ฐ๋ฐ์ ๋ถ๋ค๊ป ๋์์ด ๋ ์ ์์ ๊ฒ ๊ฐ์ต๋๋ค.