koriweb
d8a80f6272
이름만 다른(표기 변형) [[위키링크]]를 대상 문서의 canonical 제목으로 치환해 끊겼던 1,200개 링크를 연결. 제목/파일명 정규화 일치만 적용하고 별칭 매칭은 과병합 위험으로 제외(애매성 가드). 원본은 _link_reconcile_backup/ 에 백업. 도구: Datacollect/scripts/link_reconcile_apply.mjs Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
146 lines
3.8 KiB
Markdown
146 lines
3.8 KiB
Markdown
---
|
|
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, CLS)|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 |
|