Question 1

How to optimize Largest Contentful Paint for images on my site?

Accepted Answer

Use modern formats like WebP or AVIF, implement lazy loading with native attributes, and set fetchpriority='high' for hero images. The repository's Images section links to tools and case studies with specific implementation details.

Question 2

What's the difference between Lighthouse and WebPageTest for performance testing?

Accepted Answer

Lighthouse is integrated into Chrome DevTools for quick lab-based audits, while WebPageTest offers more detailed, configurable tests from global locations with real-user simulation. Both are covered in the Measuring Performance section with pros and cons.

Question 3

Is web performance or SEO more important for Google ranking?

Accepted Answer

Core Web Vitals are now a direct ranking factor for Google Search, so performance optimizations can improve SEO. The repository includes resources on how metrics like LCP and INP impact search visibility and user experience.

Question 4

How do I start learning web performance as a beginner?

Accepted Answer

Begin with the General and Core Web Vitals sections for basics, then explore case studies for context. However, this repo assumes some prior knowledge; beginners might need supplemental tutorials or courses for foundational concepts.

Question 5

What are the best practices for reducing JavaScript bundle size in React apps?

Accepted Answer

Use code splitting with React.lazy, implement tree shaking via Webpack, and avoid large dependencies. The Build Tools and React sections provide resources on optimization strategies and tools like speed-measure-webpack-plugin.

Question 6

How does React 18 improve performance compared to older versions?

Accepted Answer

React 18 introduces concurrent features like Suspense for data fetching and selective hydration, reducing main thread work and improving INP. The React Rendering section has videos and articles detailing these updates with benchmarks.

web-performance-research

What is web-performance-research?

Overview

Use Cases

Best For

Related Projects

Found a gem we're missing?

Not Ideal For

Pros & Cons

Pros

Cons

Frequently Asked Questions