๐Ÿ“Š Website Lab. Ep.01 โ€” ๋ฐฉ๋ฌธ์ž๊ฐ€ ์ฒด๊ฐํ•˜๋Š” ์†๋„

๋ฐฉ๋ฌธ์ž๊ฐ€ ์‚ฌ์ดํŠธ๋ฅผ ๋А๋ผ๋Š” ์ˆœ๊ฐ„

์›น์‚ฌ์ดํŠธ๋ฅผ ๋งŒ๋“ ๋‹ค๋Š” ๊ฑด ๋‹จ์ˆœํžˆ ์ •๋ณด๋ฅผ ์˜ฌ๋ฆฌ๋Š” ๊ฒƒ์ด ์•„๋‹ˆ๋ผ,

๋ˆ„๊ตฐ๊ฐ€์˜ ์‹œ๊ฐ„๊ณผ ๊ธฐ๋Œ€๋ฅผ ๋งž์ดํ•˜๋Š” ์ผ์ด์—ˆ์Šต๋‹ˆ๋‹ค.

๊ทธ๋ž˜์„œ ์‚ฌ์ดํŠธ ์†๋„ ํ…Œ์ŠคํŠธ๋ฅผ ํ•ด๋ณด์•˜์Šต๋‹ˆ๋‹ค.

์ง€๊ธˆ ์—ฌ๋Ÿฌ๋ถ„์ด ๋ณด๊ณ  ๊ณ„์‹  ์ด โ€˜๋Šฆ๊นŽ์ด์—ฐ๊ตฌ์†Œโ€™ ์›น์‚ฌ์ดํŠธ๋Š” ์–ผ๋งˆ๋‚˜ ๋น ๋ฅผ๊นŒ์š”?


Google PageSpeed ๊ฒฐ๊ณผ ์š”์•ฝ

ํ•ญ๋ชฉ๊ฒฐ๊ณผํ‰๊ฐ€
๊ฐ€์žฅ ํฐ ์ฝ˜ํ…์ธ  ํŽ˜์ธํŠธ (LCP)2.5์ดˆโœ… ์ข‹์Œ
๋ˆ„์  ๋ ˆ์ด์•„์›ƒ ์‹œํ”„ํŠธ (CLS)0โœ… ์ข‹์Œ
์ „์ฒด ์ฐจ๋‹จ ์‹œ๊ฐ„ (TBT)50๋ฐ€๋ฆฌ์ดˆโœ… ์ข‹์Œ

๐Ÿ“Œ ํ•œ๋งˆ๋””๋กœ ๋งํ•˜๋ฉด: ๋งค์šฐ ๋น ๋ฅด๊ณ  ์•ˆ์ •์ ์ธ ์›น์‚ฌ์ดํŠธ๋ผ๋Š” ํ‰๊ฐ€์ž…๋‹ˆ๋‹ค.


์–ด๋–ป๊ฒŒ ๊ฐœ์„ ํ–ˆ์„๊นŒ?

์•„์ง ์˜ฌ๋ฆฐ ๊ธ€์ด ๋งŽ์ง€ ์•Š์ง€๋งŒ,

์•„๋ž˜์™€ ๊ฐ™์€ ์ตœ์ ํ™” ์Šต๊ด€์„ ์‹ค์ฒœํ•ด ์™”์Šต๋‹ˆ๋‹ค.

  • ์ด๋ฏธ์ง€๋Š” WebP ํ˜•์‹์œผ๋กœ ๋ณ€ํ™˜ํ•ด์„œ ์—…๋กœ๋“œ
  • ๋ฏธ๋””์–ด ํฌ๊ธฐ๋ฅผ ์ ์ ˆํ•˜๊ฒŒ ์„ค์ • (์ธ๋„ค์ผ, ์ค‘๊ฐ„ ํฌ๊ธฐ ๋“ฑ ํ™œ์šฉ)
  • ์›Œ๋“œํ”„๋ ˆ์Šค ์„ฑ๋Šฅ ํ”Œ๋Ÿฌ๊ทธ์ธ Performance Lab, Site Kit ์‚ฌ์šฉ
  • ํ•„์š” ์—†๋Š” ํ”Œ๋Ÿฌ๊ทธ์ธ์€ ๊บผ๋‘๊ณ  ์ตœ์†Œํ•œ์˜ ํ”Œ๋Ÿฌ๊ทธ์ธ๋งŒ ์œ ์ง€

์™œ ์†๋„๊ฐ€ ์ค‘์š”ํ• ๊นŒ?

์‚ฌ๋žŒ๋“ค์€ ์ฒซ ํŽ˜์ด์ง€ ๋กœ๋”ฉ์ด 2์ดˆ ์ด์ƒ ๊ฑธ๋ฆฌ๋ฉด

๊ทธ ์›น์‚ฌ์ดํŠธ๋ฅผ ๋– ๋‚˜๋Š” ๊ฒฝ์šฐ๊ฐ€ ๋งŽ๋‹ค๊ณ  ํ•ฉ๋‹ˆ๋‹ค.

ํ•˜์ง€๋งŒ ์†๋„๋Š” ๋‹จ์ˆœํ•œ ๊ธฐ์ˆ  ๋ฌธ์ œ๊ฐ€ ์•„๋‹ˆ๋ผ,

๋ฐฉ๋ฌธ์ž์˜ ์‹œ๊ฐ„์— ๋Œ€ํ•œ ์กด์ค‘์ž…๋‹ˆ๋‹ค.

โ€œ๋‚ด๊ฐ€ ๋‹น์‹ ์˜ ์‹œ๊ฐ„์„ ์†Œ์ค‘ํžˆ ์—ฌ๊ธด๋‹ค๋Š” ๊ฑธ,

๋กœ๋”ฉ ์†๋„๋กœ ๋จผ์ € ๋ณด์—ฌ์ฃผ๋Š” ๊ฒƒ.โ€


๋งˆ๋ฌด๋ฆฌํ•˜๋ฉฐ

์ด ๊ธ€์€ ์„ฑ๋Šฅ ๊ธฐ์ˆ ๋ณด๋‹ค,

๋งˆ์Œ์„ ๋‹ด์€ ๊ธฐ๋ก์— ๊ฐ€๊น์Šต๋‹ˆ๋‹ค.

๋Šฆ๊นŽ์ด๋กœ์„œ ์ €๋Š” ์—ฌ์ „ํžˆ ๋ฐฐ์šฐ๋Š” ์ค‘์ด์ง€๋งŒ,

๋˜๋Œ์•„๋ณผ ์ˆ˜ ์žˆ๋Š” ๊ธฐ๋ก์„ ๋‚จ๊ธฐ๋ฉฐ

ํ•œ ๊ฑธ์Œ์”ฉ ๋‚˜์•„๊ฐ€๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค.

์ฝ”๋ฉ˜ํŠธ

๋‹ต๊ธ€ ๋‚จ๊ธฐ๊ธฐ

์ด๋ฉ”์ผ ์ฃผ์†Œ๋Š” ๊ณต๊ฐœ๋˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ํ•„์ˆ˜ ํ•„๋“œ๋Š” *๋กœ ํ‘œ์‹œ๋ฉ๋‹ˆ๋‹ค