# [[Google Page Experience 2025 Update]] ## ๐Ÿ“Œ Brief Summary Google Page Experience 2025 Update๋Š” ์›น์‚ฌ์ดํŠธ์˜ ์‹ค์ œ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜์„ ์ธก์ •ํ•˜๋Š” ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ(Core Web Vitals)์˜ ๊ธฐ์ค€์„ ์ƒˆ๋กญ๊ฒŒ ๊ฐœํŽธํ•œ ํ•ต์‹ฌ ์—…๋ฐ์ดํŠธ์ด๋‹ค [1, 2]. ์ด ์—…๋ฐ์ดํŠธ์˜ ๊ฐ€์žฅ ํฐ ๋ณ€ํ™”๋Š” ๊ธฐ์กด์˜ ๋ฐ˜์‘์„ฑ ์ง€ํ‘œ์˜€๋˜ FID(First Input Delay)๋ฅผ INP(Interaction to Next Paint)๋กœ ๊ณต์‹ ๋Œ€์ฒดํ•œ ๊ฒƒ์ด๋‹ค [1, 2]. ์ด์™€ ๋”๋ถˆ์–ด ๋ Œ๋”๋ง ๋ฐ ์‹œ๊ฐ์  ์•ˆ์ •์„ฑ์„ ํ‰๊ฐ€ํ•˜๋Š” ์ง€ํ‘œ๋“ค์˜ ๊ธฐ์ค€์ด ์ด์ „๋ณด๋‹ค ์—„๊ฒฉํ•ด์ ธ, ์ด๋ฅผ ์ถฉ์กฑํ•˜์ง€ ๋ชปํ•  ๊ฒฝ์šฐ ๊ฒ€์ƒ‰ ์—”์ง„ ์ตœ์ ํ™”(SEO) ์ˆœ์œ„์™€ ์‚ฌ์šฉ์ž ์ „ํ™˜์œจ์— ๋ถ€์ •์ ์ธ ์˜ํ–ฅ์„ ๋ฏธ์น  ์ˆ˜ ์žˆ๋‹ค [1, 3, 4]. ## ๐Ÿ“– Core Content * **์ฃผ์š” ๋ณ€๊ฒฝ ์‚ฌํ•ญ ๋ฐ ์ƒˆ๋กœ์šด ์ง€ํ‘œ ๋„์ž…** * **INP(Interaction to Next Paint)๋กœ์˜ ์ „ํ™˜:** 2025๋…„ ์—…๋ฐ์ดํŠธ์˜ ๊ฐ€์žฅ ์ฃผ์š”ํ•œ ๋ณ€ํ™”๋Š” FID๋ฅผ INP๋กœ ๊ต์ฒดํ•œ ๊ฒƒ์ด๋‹ค [1, 2]. INP๋Š” ์ฒซ ๋ฒˆ์งธ ์ž…๋ ฅ ์ง€์—ฐ๋งŒ์„ ์ธก์ •ํ•˜๋˜ FID์™€ ๋‹ฌ๋ฆฌ, ์‚ฌ์šฉ์ž๊ฐ€ ํŽ˜์ด์ง€์™€ ์ƒํ˜ธ์ž‘์šฉํ•˜๋Š” ์ „์ฒด ์ง€์—ฐ ์‹œ๊ฐ„์„ ํฌ๊ด„์ ์œผ๋กœ ์ธก์ •ํ•œ๋‹ค [5, 6]. * **๋”์šฑ ์—„๊ฒฉํ•ด์ง„ ๊ธฐ์ค€์น˜:** ์„ฑ๋Šฅ ํ‰๊ฐ€์˜ ๊ธฐ์ค€์ด ์ƒํ–ฅ ์กฐ์ •๋˜์—ˆ๋‹ค. ์ผ๋ถ€ ์†Œ์Šค์— ๋”ฐ๋ฅด๋ฉด LCP(Largest Contentful Paint)์˜ '์šฐ์ˆ˜' ๊ธฐ์ค€์€ ๊ธฐ์กด 2.5์ดˆ ๋ฏธ๋งŒ์—์„œ 2.0์ดˆ ๋ฏธ๋งŒ์œผ๋กœ, CLS(Cumulative Layout Shift)๋Š” 0.1 ๋ฏธ๋งŒ์—์„œ 0.08 ๋ฏธ๋งŒ์œผ๋กœ ๋”์šฑ ์—„๊ฒฉํ•ด์กŒ๋‹ค [3]. * **FCP ๊ณต์‹ ์ง€ํ‘œ ํŽธ์ž…:** FCP(First Contentful Paint)๊ฐ€ 1.5์ดˆ ๋ฏธ๋งŒ์˜ ๊ธฐ์ค€์„ ๊ฐ€์ง„ ๊ณต์‹ ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ ์ง€ํ‘œ๋กœ ์ƒˆ๋กญ๊ฒŒ ์ถ”์ ๋˜๊ธฐ ์‹œ์ž‘ํ–ˆ๋‹ค [3, 7]. * **๋น„์ฆˆ๋‹ˆ์Šค ๋ฐ SEO์— ๋ฏธ์น˜๋Š” ์˜ํ–ฅ** * **๊ฒ€์ƒ‰ ์ˆœ์œ„(SEO) ์—ฐ๊ด€์„ฑ:** Google์€ ํŽ˜์ด์ง€ ๊ฒฝํ—˜์„ ํ•ต์‹ฌ ๋žญํ‚น ์š”์†Œ๋กœ ๊ฐ•์กฐํ•˜๊ณ  ์žˆ์œผ๋ฉฐ, 2025๋…„ ์—…๋ฐ์ดํŠธ ๊ธฐ์ค€์„ ์ถฉ์กฑํ•˜๋Š” ์›น์‚ฌ์ดํŠธ๋Š” ๊ฒ€์ƒ‰ ๊ฒฐ๊ณผ(SERP)์—์„œ ๋” ๋†’์€ ๊ฐ€์‹œ์„ฑ์„ ํ™•๋ณดํ•  ๊ฐ€๋Šฅ์„ฑ์ด ํฌ๋‹ค [8, 9]. * **์ˆ˜์ต ๋ฐ ์‚ฌ์šฉ์ž ๊ฒฝํ—˜ ์ง๊ฒฐ:** ์ฝ”์–ด ์›น ๋ฐ”์ดํƒˆ์˜ ์ง€ํ‘œ๋ฅผ '๋‚˜์จ(Poor)'์—์„œ '์šฐ์ˆ˜(Good)' ์ˆ˜์ค€์œผ๋กœ ๋Œ์–ด์˜ฌ๋ฆด ๊ฒฝ์šฐ, ํ‰๊ท ์ ์œผ๋กœ ์ „ํ™˜์œจ์ด 25% ์ฆ๊ฐ€ํ•˜๊ณ , ์ดํƒˆ๋ฅ ์ด 35% ๊ฐ์†Œํ•˜๋ฉฐ, ๋ฐฉ๋ฌธ์ž๋‹น ์ˆ˜์ต์ด 30%๊ฐ€๋Ÿ‰ ํ–ฅ์ƒ๋˜๋Š” ์‹ค์งˆ์ ์ธ ๋น„์ฆˆ๋‹ˆ์Šค ํšจ๊ณผ๋ฅผ ๊ฐ€์ ธ์˜จ๋‹ค [10, 11]. * **์—…๋ฐ์ดํŠธ ๋Œ€์‘์„ ์œ„ํ•œ ์ตœ์ ํ™” ์ „๋žต** * **INP ์ตœ์ ํ™”:** ์‘๋‹ต์„ฑ์„ ๊ฐœ์„ ํ•˜๋ ค๋ฉด JavaScript ์‹คํ–‰ ์‹œ๊ฐ„์„ ์ค„์ด๊ณ , ๋ฌด๊ฑฐ์šด ์—ฐ์‚ฐ์„ Web Worker๋กœ ๋ถ„์‚ฐ์‹œํ‚ค๋ฉฐ, ๊ธด ์ž‘์—…์„ ์—ฌ๋Ÿฌ ์ฒญํฌ(chunk)๋กœ ์ชผ๊ฐœ์–ด ๋ฉ”์ธ ์Šค๋ ˆ๋“œ์˜ ์ฐจ๋‹จ์„ ๋ง‰์•„์•ผ ํ•œ๋‹ค [5, 6, 12]. * **LCP ์ตœ์ ํ™”:** ์›นํŽ˜์ด์ง€์˜ ์ฃผ์š” ์ฝ˜ํ…์ธ ๋ฅผ ๋น ๋ฅด๊ฒŒ ๋ Œ๋”๋งํ•˜๊ธฐ ์œ„ํ•ด WebP๋‚˜ AVIF ๊ฐ™์€ ์ฐจ์„ธ๋Œ€ ์ด๋ฏธ์ง€ ํฌ๋งท์„ ์‚ฌ์šฉํ•˜๊ณ , ์ค‘์š” ๋ฆฌ์†Œ์Šค๋ฅผ ์‚ฌ์ „ ๋กœ๋“œ(preload)ํ•˜๋ฉฐ, CDN๊ณผ ์„œ๋ฒ„ ์‚ฌ์ด๋“œ ๋ Œ๋”๋ง(SSR)์„ ์ ๊ทน ๋„์ž…ํ•ด์•ผ ํ•œ๋‹ค [13-17]. * **CLS ์ตœ์ ํ™”:** ์˜ˆ์ƒ์น˜ ๋ชปํ•œ ๋ ˆ์ด์•„์›ƒ ์ด๋™์„ ๋ฐฉ์ง€ํ•˜๊ธฐ ์œ„ํ•ด ์ด๋ฏธ์ง€์™€ ๋น„๋””์˜ค ์š”์†Œ์— ๋ฐ˜๋“œ์‹œ ๋ช…์‹œ์ ์ธ ๋„ˆ๋น„์™€ ๋†’์ด(width/height) ์†์„ฑ์„ ๋ถ€์—ฌํ•˜๊ณ , ๋™์ ์œผ๋กœ ๋กœ๋“œ๋˜๋Š” ๊ด‘๊ณ  ๋ฐ ์ž„๋ฒ ๋“œ ์š”์†Œ์˜ ๊ณต๊ฐ„์„ ๋ฏธ๋ฆฌ ํ™•๋ณดํ•ด๋‘์–ด์•ผ ํ•œ๋‹ค [18-20]. ## ๐Ÿ”— Knowledge Connections - **Related Topics:** [[Core Web Vitals]], [[Interaction to Next Paint (INP)]], [[Largest Contentful Paint (LCP)]], [[Cumulative Layout Shift (CLS)]], [[Search Engine Optimization (SEO)]], [[Client-Side Rendering (CSR)]], [[Server-Side Rendering (SSR)]] - **Projects/Contexts:** [[Web Performance Optimization]], [[Frontend Performance Checklist]] - **Contradictions/Notes:** ์†Œ์Šค ๊ฐ„์— 2025๋…„ Core Web Vitals์˜ ๊ตฌ์ฒด์ ์ธ '์šฐ์ˆ˜(Good)' ํ†ต๊ณผ ๊ธฐ์ค€์น˜์— ๋Œ€ํ•œ ์ฃผ์žฅ์ด ์—‡๊ฐˆ๋ฆฝ๋‹ˆ๋‹ค. ํ•œ ์†Œ์Šค์—์„œ๋Š” 2025๋…„ ๊ธฐ์ค€ LCP๊ฐ€ 2.0์ดˆ ๋ฏธ๋งŒ, CLS๊ฐ€ 0.08 ๋ฏธ๋งŒ, INP๊ฐ€ 150ms ๋ฏธ๋งŒ์œผ๋กœ ์—„๊ฒฉํ•ด์กŒ๋‹ค๊ณ  ์„ค๋ช…ํ•˜์ง€๋งŒ [3], ๋‹ค๋ฅธ ์—ฌ๋Ÿฌ ์†Œ์Šค๋“ค์—์„œ๋Š” ์—ฌ์ „ํžˆ LCP 2.5์ดˆ ์ดํ•˜, CLS 0.1 ์ดํ•˜, INP 200ms ์ดํ•˜๋ฅผ ํ•ฉ๊ฒฉ ๊ธฐ์ค€์œผ๋กœ ์ œ์‹œํ•˜๊ณ  ์žˆ์Šต๋‹ˆ๋‹ค [21, 22]. --- *Last updated: 2026-04-26*