Website Performance Checklist

The ultimate checklist for optimizing your website's speed and Core Web Vitals

🎯 Core Web Vitals Optimization

Optimize Largest Contentful Paint (LCP) to under 2.5 seconds

Reduce Interaction to Next Paint (INP) to under 200ms

Minimize Cumulative Layout Shift (CLS) to under 0.1

Improve First Contentful Paint (FCP) to under 1.8 seconds

Reduce Total Blocking Time (TBT) to under 200ms

🖼️ Image Optimization

Compress all images to reduce file size

Convert images to modern formats (WebP, AVIF)

Implement responsive images with srcset

Add lazy loading to below-the-fold images

Set explicit width and height on all images

Use a CDN for image delivery

Optimize hero images and above-the-fold content

⚡ JavaScript Optimization

Remove unused JavaScript code

Implement code splitting for routes

Defer non-critical JavaScript

Minimize main thread blocking time

Use dynamic imports for heavy components

Minify and compress JavaScript bundles

Reduce third-party script impact

🎨 CSS Optimization

Remove unused CSS

Inline critical CSS for above-the-fold content

Defer loading of non-critical stylesheets

Minimize CSS bundle size

Use CSS containment for layout optimization

🔤 Font Optimization

Use font-display: swap for web fonts

Preload critical font files

Subset fonts to include only needed glyphs

Consider using system fonts for faster loading

Limit number of font variants and weights

💾 Caching Strategy

Implement service worker for offline support

Configure aggressive caching for static assets

Add appropriate cache-control headers

Implement stale-while-revalidate strategy

Use browser caching effectively

🌐 Server & Network

Enable HTTP/2 or HTTP/3

Use a Content Delivery Network (CDN)

Enable Gzip or Brotli compression

Reduce server response time (TTFB) to under 600ms

Optimize database queries

Implement connection pooling

📱 Mobile Optimization

Test on real mobile devices

Optimize for mobile network conditions

Implement mobile-first responsive design

Reduce mobile-specific JavaScript execution

Optimize touch targets for mobile interaction

Your Progress

0 / 45

0% complete - Keep going!

Need help tracking your website's performance metrics? Try StatCalcPro for quick statistical checks, or pair insights with CoreVitals when you need real-user monitoring data alongside this checklist.