Boost conversions and search rankings by optimizing your store for lightning-fast loading and perfect Core Web Vitals.
In 2026, speed is no longer just a luxury—it is a critical ranking factor. A 1-second delay can drop conversions by 7%. Use these advanced strategies to hit a "Good" rating on Google PageSpeed Insights.
Switching from JPEG to WebP can reduce file sizes by 30%. For hero images, consider AVIF for even better compression—up to 20% smaller than WebP—while maintaining high visual quality.
Identify your LCP element—usually the hero banner or main product image—and ensure it is never lazy-loaded. Use the <link rel="preload"> tag to prioritize these critical assets.
Every app adds external JavaScript that can block the main thread. Uninstall unused apps and manually check your theme.liquid file for leftover scripts that continue to slow down your site after uninstallation.
Use async or defer attributes for scripts like analytics, heatmaps, and chat widgets. This allows the browser to render the page content before executing heavy third-party code.
Lightweight themes like Dawn are built for performance. They use minimal JavaScript and optimized CSS, providing a much faster baseline than older, feature-heavy "bloated" themes.
Always specify height and width attributes for images and video containers. This prevents "Layout Shifts" (CLS), ensuring your content doesn't jump around while loading, which is a major factor in Google's ranking algorithm.
Avoid deep-nested loops in your Liquid code (e.g., looping through all products in a collection to find one tag). Implement pagination for large collections to reduce the server-side processing time significantly.
Custom Google Fonts require extra HTTP requests. Using system fonts (like Arial or Helvetica) removes this delay entirely. If you must use custom fonts, use font-display: swap to keep text visible during the load.
GIFs are incredibly heavy and cannot be optimized effectively. Use autoplaying, looped MP4 or WebM videos instead; they are often 90% smaller and load much faster on mobile devices.
Ensure you are hosting all assets (images, CSS) directly on Shopify's servers rather than external links. This ensures your content is delivered from the global server closest to your customer.
The new INP metric measures how quickly your site responds to clicks and taps. Reduce long JavaScript tasks and ensure your UI elements respond within 200ms to provide a snappy, premium feel.