๋ณธ๋ฌธ ๋ฐ”๋กœ๊ฐ€๊ธฐ

cls ๋ ˆ์ด์•„์›ƒ ๋ณ€๊ฒฝ 1

๋ธ”๋กœ๊ทธ(์‚ฌ์ดํŠธ) ์ตœ์ ํ™”์—์„œ CLS ๋ ˆ์ด์•„์›ƒ ๋ณ€๊ฒฝ ๋ฌธ์ œ ๋ถ„์„ ๋ฐ ํ•ด๊ฒฐ ๋ฐฉ๋ฒ• ๋™์  ๊ด‘๊ณ ๊ฐ€ CLS ๋ ˆ์ด์•„์›ƒ์˜ ์˜ํ–ฅ๊ณผ ์ตœ์ ํ™” ๋ฐฉ๋ฒ• ์ตœ๊ทผ ๋ฉฐ์น  ์ „ ์ œ ๋ธ”๋กœ๊ทธ์—์„œ ๋ฐœ์ƒํ•œ [ CLS ๋ ˆ์ด์•„์›ƒ ๋ณ€๊ฒฝ ] CLS(Cumulative Layout Shift) ์ˆ˜์น˜์˜ ๋ณ€ํ™”๊ฐ€ ๊ฐ์ง€๋˜์—ˆ์Šต๋‹ˆ๋‹ค. ์ด์ „์—๋Š” ์›€์ง์ž„์ด ์—†๋˜ ํŽ˜์ด์ง€ ๋ ˆ์ด์•„์›ƒ์ด 0.006๋งŒํผ CLS ๋ ˆ์ด์•„์›ƒ ๋ณ€๊ฒฝ ํ˜„์ƒ์ด ๋ฐœ์ƒํ–ˆ์Šต๋‹ˆ๋‹ค.์ด๋ฅผ ํ†ตํ•ด ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO)์™€ ๊ด€๋ จ๋œ ์ค‘์š”ํ•œ ์š”์†Œ์ธ CLS์— ๋Œ€ํ•œ ๊ธ€์„ ์ •๋ฆฌํ•ด์•ผ ํ•˜๊ฒ ๋‹ค๋Š” ์ƒ๊ฐ์ด ๋“ค์—ˆ์Šต๋‹ˆ๋‹ค. ์ด๋ฒˆ ๊ธฐํšŒ์— ์ œ ๋ธ”๋กœ๊ทธ์˜ CLS ๋ฌธ์ œ๋ฅผ ํ•ด๊ฒฐํ•˜๋ฉด์„œ ๊ด€๋ จ ๋‚ด์šฉ์„ ๊นŠ์ด ์žˆ๊ฒŒ ๋‹ค๋ค„๋ณด๊ฒ ์Šต๋‹ˆ๋‹ค. CLS ์ตœ์ ํ™”๊ฐ€ SEO์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ๊ณผ ๊ฐœ์„  ๋ฐฉ์•ˆ CLS๋Š” ์‚ฌ์šฉ์ž๊ฐ€ ์›น ํŽ˜์ด์ง€๋ฅผ ํƒ์ƒ‰ํ•˜๋Š” ๋™์•ˆ ๋ฐœ์ƒํ•˜๋Š” ์˜ˆ๊ธฐ์น˜ ์•Š์€๋ ˆ์ด์•„์›ƒ ๋ณ€๊ฒฝ์„ ์˜๋ฏธํ•ฉ๋‹ˆ๋‹ค. ์ด๋Š” ํŽ˜์ด์ง€๊ฐ€ ์ฒ˜์Œ ๋กœ๋“œ๋  ๋•Œ ์ฝ˜ํ…์ธ ๊ฐ€ ์ด๋™ํ•˜๋Š” ํ˜„์ƒ์ž…๋‹ˆ๋‹ค. CLS .. 2024. 10. 18.