Image Optimization
Compress all images
Reduce file size without losing visible quality using tools like TinyPNG.
Use Next-Gen Formats (WebP/AVIF)
WebP images are ~30% smaller than JPEGs at the same quality.
Implement Lazy Loading
Only load images when they enter the user's viewport.
Set explicit width and height
Prevents Layout Shifts (CLS) by reserving space for images.
Server & Delivery
Enable Browser Caching
Set Cache-Control headers for static assets (CSS, JS, Images).
Use a Content Delivery Network (CDN)
Serve files from servers closest to your users (e.g., Cloudflare).
Enable Gzip or Brotli Compression
Compress text-based resources (HTML, CSS, JS) at the server level.
Code & Scripts
Minify CSS, JS, and HTML
Remove whitespace, comments, and unused code blocks.
Defer non-critical JavaScript
Use 'defer' or 'async' attributes to prevent render-blocking.
Inline critical CSS
Put CSS needed for 'above the fold' content directly in the HTML.
Optimization Score
Start checking items to see your score!
Summary
Pro Tip: Focus on items with high impact (Server Caching & Image Compression) first for the biggest gains.
A key item on any performance checklist is asset minification. Our css optimizer helps you check that box for your stylesheets.
A core tenet of passing Core Web Vitals is reducing total script execution time, which is why developers heavily compress java script assets.
Technical SEO audits should always confirm that brand assets are caching properly, a task simplified by running a favicon checker.