SEOFree
โšก

Page Speed & Core Web Vitals Checker

Analyze Lighthouse scores and Core Web Vitals (LCP, CLS, TTFB) via Google PageSpeed Insights. Mobile and desktop scores side by side with improvement priorities.

๊ณต๊ฐœ ๋„๊ตฌ๋Š” MillionsCode ์„œ๋ฒ„ API ํ‚ค๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์Šต๋‹ˆ๋‹ค. ์ž…๋ ฅํ•œ ํ‚ค๋Š” ์„œ๋ฒ„์— ์ €์žฅํ•˜์ง€ ์•Š์œผ๋ฉฐ, ์ด ๋ธŒ๋ผ์šฐ์ €์—์„œ Google PageSpeed Insights API๋กœ ์ง์ ‘ ์ „์†ก๋ฉ๋‹ˆ๋‹ค. ๊ณต์šฉ PC์—์„œ๋Š” ์‚ฌ์šฉ ํ›„ ํ‚ค๋ฅผ ์‚ญ์ œํ•˜์„ธ์š”.

ํ‚ค ๋ฐœ๊ธ‰: Google Cloud Console์—์„œ PageSpeed Insights API๋ฅผ ํ™œ์„ฑํ™”ํ•œ ๋’ค API ํ‚ค๋ฅผ ์ƒ์„ฑํ•˜์„ธ์š”. ๊ณผ๊ธˆยทํ• ๋‹น๋Ÿ‰์€ ์‚ฌ์šฉ์ž ๋ณธ์ธ Google ๊ณ„์ • ๊ธฐ์ค€์œผ๋กœ ์ ์šฉ๋ฉ๋‹ˆ๋‹ค.

์‚ฌ์šฉ ๋ฐฉ๋ฒ•

  • ๋ถ„์„ํ•  ์›นํŽ˜์ด์ง€ URL ์ž…๋ ฅ (https:// ์ž๋™ ์ถ”๊ฐ€)
  • ์‚ฌ์šฉ์ž ๋ณธ์ธ์˜ Google PageSpeed API ํ‚ค ์ž…๋ ฅ (์„œ๋ฒ„ ์ €์žฅ ์—†์Œ)
  • Google PageSpeed Insights ๊ธฐ๋ฐ˜ ์„ฑ๋Šฅ ์ ์ˆ˜ (0~100)
  • ๋ชจ๋ฐ”์ผ / ๋ฐ์Šคํฌํ†ฑ ์ ์ˆ˜ ๋น„๊ต ยท Core Web Vitals ์ƒ์„ธ
  • ์ ์ˆ˜ ๊ธฐ๋ฐ˜ ๋งž์ถค ๊ฐœ์„  ์ œ์•ˆ ์ž๋™ ์ƒ์„ฑ
  • ์ตœ๊ทผ 3๊ฐœ ์ธก์ • ๊ฒฐ๊ณผ ์ €์žฅ (์žฌ์ธก์ • ๋น ๋ฅธ ์‹คํ–‰)

Frequently Asked Questions

Q. What is PageSpeed Insights (PSI)?

Google's PageSpeed Insights tool measures Core Web Vitals โ€” LCP, INP, CLS, FCP, TTFB โ€” for both mobile and desktop. Scores above 90 are "Good"; 50โ€“89 are "Needs Improvement"; below 50 are "Poor".

Q. What are Core Web Vitals and how do they affect SEO?

Core Web Vitals (LCP, INP, CLS) are a set of real-world performance metrics that Google uses as a ranking factor since 2021. LCP measures loading speed, INP measures interactivity, and CLS measures visual stability.

Q. What is a good LCP score?

LCP (Largest Contentful Paint) should be 2.5 seconds or less for a "Good" rating. Above 4 seconds is "Poor." The most common culprit is a large hero image or font loading delay.

Q. What causes Cumulative Layout Shift (CLS)?

CLS (Cumulative Layout Shift) is caused by images without fixed dimensions, dynamically injected ads, and late-loading fonts that cause content to shift. Always specify width/height on img elements and reserve space for ads.

Q. How do I improve my PageSpeed score quickly?

Quick wins: (1) Convert images to WebP and lazy-load below-fold images; (2) Enable browser caching and CDN; (3) Remove render-blocking JavaScript; (4) Use next/image in Next.js for automatic optimization.

Q. Is mobile PageSpeed more important than desktop?

Yes. Google uses mobile-first indexing, so your mobile PageSpeed score directly impacts search rankings. Desktop scores matter for user experience but carry less SEO weight.

How to Use

1
Enter URL

Type the full URL of the page you want to analyze (e.g., https://millionscode.com).

2
Select Device

Choose Mobile or Desktop analysis (or run both for a complete picture).

3
View Scores & Metrics

See your Performance, Accessibility, Best Practices, and SEO scores plus Core Web Vitals (LCP, INP, CLS).

4
Fix Top Opportunities

Review the Opportunities section and prioritize fixes by estimated impact on load time.

Expert Knowledge: Page Speed & Core Web Vitals Checker

Core Web Vitals became official Google ranking factors in June 2021 with the Page Experience update. The three metrics โ€” LCP (Largest Contentful Paint), INP (Interaction to Next Paint, replacing FID since March 2024), and CLS (Cumulative Layout Shift) โ€” collectively measure loading, interactivity, and visual stability. Passing all three thresholds qualifies a page for the "Good page experience" signal.

The most impactful improvements for Korean blogs and e-commerce sites are typically image-related. Hero images and product photos are the primary LCP elements. Switching to WebP format, implementing lazy loading (loading="lazy"), and using responsive srcset attributes can cut LCP by 40โ€“60% on image-heavy pages. Cloudflare's image resizing feature automatically serves appropriately-sized images for each device.

For Next.js sites like those deployed on Cloudflare Pages, the built-in next/image component handles most image optimization automatically: WebP conversion, lazy loading, proper sizing, and preloading of critical above-fold images. The remaining CWV improvements typically involve reducing third-party script impact (tag managers, chat widgets), eliminating render-blocking CSS/JS, and optimizing web font loading with font-display: swap.

Related Tools