Page Speed Optimization Best Practices for SEO
Page speed is a confirmed Google ranking factor. Learn how to optimize Core Web Vitals and page load times for better search performance.
Key Takeaways
- Google's ranking signal uses three metrics: LCP (Largest Contentful Paint), INP (Interaction to Next Paint), and CLS (Cumulative Layout Shift).
- Images are typically the largest page elements.
- CSS and synchronous JavaScript block page rendering.
- Set appropriate Cache-Control headers.
- Custom fonts can block text rendering.
SERP Preview
Preview how your page appears in Google search results
Core Web Vitals
Google's ranking signal uses three metrics: LCP (Largest Contentful Paint), INP (Interaction to Next Paint), and CLS (Cumulative Layout Shift). Good scores are LCP < 2.5s, INP < 200ms, and CLS < 0.1.
Image Optimization
Images are typically the largest page elements. Convert to WebP/AVIF, resize to display dimensions, use responsive srcset, and lazy-load below-fold images. This alone can improve LCP by 1-3 seconds.
Render-Blocking Resources
CSS and synchronous JavaScript block page rendering. Inline critical CSS in , defer non-critical CSS, and add defer or async to script tags. Move third-party scripts to page bottom.
Caching Strategy
Set appropriate Cache-Control headers. Static assets (CSS, JS, images) can be cached for a year with content-hash filenames. HTML pages should use shorter cache periods or no-cache with ETag validation.
Font Loading
Custom fonts can block text rendering. Use font-display: swap to show text immediately with fallback fonts. Subset fonts to include only needed characters. Preload critical fonts with .
関連ツール
関連フォーマット
関連ガイド
Meta Tags for SEO: Title, Description, and Open Graph
Meta tags control how your pages appear in search results and social media shares. This guide covers the essential meta tags for SEO, Open Graph for social sharing, and Twitter Card markup.
Structured Data and Schema.org: A Practical Guide
Structured data helps search engines understand your content and can generate rich results like star ratings, FAQs, and product cards. Learn how to implement Schema.org markup effectively with JSON-LD.
Robots.txt and Sitemap.xml: Crawl Control Best Practices
Robots.txt and sitemap.xml are the primary tools for controlling how search engines discover and crawl your site. Misconfiguration can accidentally block important pages or waste crawl budget on irrelevant ones.
Core Web Vitals: LCP, INP, and CLS Explained
Core Web Vitals are Google's metrics for measuring real-world user experience. This guide explains LCP, INP, and CLS, their impact on search rankings, and practical strategies for improving each metric.
Troubleshooting Google Search Console Errors
Google Search Console reports crawling, indexing, and structured data errors that directly affect your search visibility. This guide helps you interpret and fix the most common GSC error types.