---
id: wiki-2026-0508-google-page-experience-2025-upda
title: Google Page Experience 2025 Update
category: 10_Wiki/Topics
status: verified
canonical_id: self
aliases: [Page Experience 2025, INP, Core Web Vitals 2024-2025, SEO performance, AI Overviews]
duplicate_of: none
source_trust_level: A
confidence_score: 0.88
verification_status: applied
tags: [seo, page-experience, web-vitals, inp, performance, google, ai-overviews]
raw_sources: []
last_reinforced: 2026-05-10
github_commit: pending
tech_stack:
  language: Web / SEO
  framework: Lighthouse / web-vitals / Search Console
---

# Google Page Experience 2025 Update

## 매 한 줄
> **"매 Core Web Vitals 의 의 INP 의 FID 의 replace (2024-03), 매 2025 의 mobile-first + AI Overviews integration"**. 매 Google ranking signal. 매 LCP, INP, CLS 의 모두 'good' 매 의 의 의 매 boost. 매 modern: 매 AI Overviews 의 ranking 의 의 의 영향.

## 매 핵심

### 매 Core Web Vitals (current)
- **LCP**: < 2.5s.
- **INP**: < 200ms (FID 의 replace 2024-03).
- **CLS**: < 0.1.

### 매 2025 trends
- **Mobile-first** (default).
- **AI Overviews** (SGE → AIO 2024).
- **E-E-A-T** (Experience added).
- **Helpful Content Update**.
- **CWV mobile-stricter**.

### 매 응용
1. SEO ranking.
2. UX.
3. Conversion.

## 💻 패턴

### web-vitals.js
```javascript
import { onLCP, onINP, onCLS } from 'web-vitals';
onLCP(({ value }) => analytics.track('LCP', { value }));
onINP(({ value }) => analytics.track('INP', { value }));
onCLS(({ value }) => analytics.track('CLS', { value }));
```

### Optimize LCP
```html
<link rel="preload" as="image" href="/hero.webp" fetchpriority="high">
<style>/* critical CSS */</style>
<script defer src="/analytics.js"></script>
```

### Optimize INP (yield)
```javascript
button.addEventListener('click', async () => {
  await scheduler.yield();
  for (let i = 0; i < 1000000; i++) {
    if (i % 1000 === 0) await scheduler.yield();
    heavyWork(i);
  }
  updateUI();
});
```

### Optimize CLS
```css
img { aspect-ratio: 16 / 9; width: 100%; height: auto; }
@font-face { font-family: 'Inter'; font-display: swap; size-adjust: 100%; }
```

### Lighthouse CI
```yaml
- uses: treosh/lighthouse-ci-action@v11
  with:
    urls: |
      https://staging.example.com/
    budgetPath: .lighthouse-budget.json
```

### CrUX (RUM)
```javascript
fetch(`https://www.googleapis.com/pagespeedonline/v5/runPagespeed?url=${url}&key=${KEY}`)
  .then(r => r.json()).then(data => {
    const lcp = data.loadingExperience.metrics.LARGEST_CONTENTFUL_PAINT_MS;
  });
```

### Schema.org (AI Overview readiness)
```html
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Article",
  "author": {"@type": "Person", "name": "...", "url": "/author/jane"},
  "datePublished": "2025-...",
  "dateModified": "2026-..."
}
</script>
```

## 매 결정 기준
| 상황 | Lever |
|---|---|
| Slow LCP | Preload, inline CSS, image optim |
| High INP | Yield, worker, code-split |
| High CLS | Reserve space, font-display |
| AI Overview | Schema + clear summary |

**기본값**: 매 web-vitals + Lighthouse CI + LCP < 2.5s, INP < 200ms, CLS < 0.1 + schema.org + AI Overview-ready.

## 🔗 Graph
- 부모: [[SEO]] · [[Web-Performance]]
- 변형: [[Core Web Vitals Optimization (INP, LCP 개선)|Core-Web-Vitals]] · [[INP]]
- 응용: [[E-commerce-Optimization]] · [[GPU Acceleration (Compositing)]]
- Adjacent: [[Lighthouse]]

## 🤖 LLM 활용
**언제**: SEO. Web product. AI Overview readiness.
**언제 X**: Internal-only.

## ❌ 안티패턴
- Pre-2024 FID metric.
- Synthetic-only (ignore RUM).
- No CI budget.
- AI Overview ignore.

## 🧪 검증 / 중복
- Verified (web.dev, Google Search Central).
- 신뢰도 A.

## 🕓 Changelog
| 날짜 | 변경 |
|---|---|
| 2026-04-26 | Auto |
| 2026-05-08 | Phase 1 |
| 2026-05-10 | Manual cleanup — CWV / INP / AI Overview |