์๋lazy์์ฑ์ถ๊ฐ๋ฐฉ๋ฒ 1
์นดํ ๊ณ ๋ฆฌ
[ ์ด๋ฏธ์ง ์๋ ์์ฑ ์ ์ฉ๋ฒ ] ์ด๋ฏธ์ง ์ต์ ํ ์๋ LAZY ์์ฑ ์ถ๊ฐ ๋ฐฉ๋ฒ
์๋์ผ๋ก Lazy Loading ์์ฑ ์ถ๊ฐํ๋ ๋ฐฉ๋ฒ- ์ด๋ฏธ์ง ์ต์ ํ์ ์น ์ฑ๋ฅ ๊ฐ์ Lazy loading์ ์นํ์ด์ง ์๋์ผ๋ก ์ด๋ฏธ์ง ์ต์ ํ ํ๋ ๋ฐฉ๋ฒ์ผ๋ก, ์ด๋ฏธ์ง๋ฅผ ํ์ํ ๋๋ง ๋ก๋ํ์ฌ ์ด๊ธฐ ๋ก๋ฉ ์๊ฐ์ ๋จ์ถ์ํค๊ณ ์์์ ์ ์ฝํฉ๋๋ค. ์ด ๋ฐฉ๋ฒ์ ํ์ด์ง ๋ก๋ฉ ์ ๋ถํ์ํ ์์์ ์ง์ฐ์์ผ ์ฌ์ฉ์ ์ ๊ทผ์ฑ์ ํฅ์์ํค๋ฉฐ, HTML ์ฝ๋์ loading="lazy" ์์ฑ์ ์ถ๊ฐํด ๊ตฌํํ ์ ์์ต๋๋ค.์ด ์์ฑ์ ๋ธ๋ผ์ฐ์ ๊ฐ ์ด๋ฏธ์ง๊ฐ ํ๋ฉด์ ๋ณด์ผ ๋๋ง ๋ก๋ํ๋๋ก ํ์ฌ ์ฑ๋ฅ์ ๊ฐ์ ํฉ๋๋ค. ์ด๋ฅผ ํตํด ์นํ์ด์ง์ ํจ์จ์ฑ์ ๋์ด๊ณ , ๋น ๋ฅธ ๋ก๋ฉ ์๋๋ฅผ ์ ์งํ ์ ์์ต๋๋ค.์ด๋ฏธ์ง ์ต์ ํ์ ๋น ๋ฅธ ๋ก๋ฉ์ ์ํ Lazy Loading ์ค์ ๋ฐฉ๋ฒLAZY๋ ์นํ์ด์ง๊ฐ ๋ก๋ฉ์ ์ด๋ฏธ์ง์ ๋ค๋ฅธ ์์๋ฅผ ํ์ํ ์์ ์์ ๋ก๋๋๊ฒ ํ๋ ์ฝ๋์ ๋๋ค.์ด..
