Speed optimization
Speed up your WooCommerce online store to reduce abandonment and increase conversions.
In this chapter :
Key statistic - One second delay leads to a 7% drop in conversions. A site that loads in 5 seconds rather than 2 loses 50% of its sales. Speed means direct profitability.
Measuring speed
Before optimizing, measure your site's current state to identify bottlenecks.
Pagespeed insights
Google PageSpeed Insights is a free, official tool from Google.
Access it at pagespeed.web.dev
Enter your URL and run the analysis. You'll get scores from 0 to 100 for both mobile and desktop versions.
Scores above 90: Excellent Score between 70 and 89: Good, but can be optimized Score between 50 and 69: Average, needs improvement Score below 50 : Poor, urgent priority
The tool provides specific recommendations concerning unoptimized images, blocking CSS or lack of cache. Follow these suggestions carefully.
Gtmetrix
GTmetrix is a free tool that offers a detailed analysis with waterfall (the loading chronology of all resources).
Access it at gtmetrix.com
It reveals slow-loading files, blocking requests and server response times. It's more technical than PageSpeed, but the insights are invaluable.
Key metrics
The LCP (Largest Contentful Paint) represents the time required to display the main visible element. The recommended target is less than 2.5 seconds.
FID (First Input Delay)** measures responsiveness to first click. The recommended target is less than 100 milliseconds.
CLS (Cumulative Layout Shift)** evaluates visual stability, i.e. elements that move during loading. The recommended target is less than 0.1.
These Core Web Vitals have been official Google ranking criteria since 2025.
High-performance hosting 🔺
The foundation of speed is the server. Cheap hosting produces a slow site, period.
Recommended WooCommerce hosts
Kinsta ($30/month) is a Premium solution. It offers Google Cloud servers, built-in caching, free CDN and 24/7 expert support. It's fast but expensive.
SiteGround (15€/month) offers excellent value for money. It's optimized for WordPress/WooCommerce, has an in-house cache and good support.
o2switch (5€/month) is a French web host with an unlimited offer. Performance is decent, support is responsive and the price is unbeatable. Ideal for start-ups.
WP Engine ($25/month) specializes in managed WordPress. It's very powerful, with automatic updates and enhanced security.
Avoid cheap shared hosting (OVH basic, Hostinger, 1&1). When 100 sites share the same server, slowness is guaranteed.
Essential features
SSD - SSD disks (as opposed to HDDs) are 10 times faster. Mandatory by 2025.
PHP 8+ - The latest version of PHP is 30% faster than PHP 7. Check in cPanel > Select PHP version.
Sufficient RAM - WooCommerce is resource-hungry. The minimum is 2GB RAM, ideally 4 to 8GB.
HTTP/2 - This is the modern protocol for parallel loading of resources. Modern hosting providers activate it by default.
Server location - A server in France for a French store guarantees minimal latency. A server in the USA is suitable for an American store.
Cache system 🔺
The cache stores pre-generated versions of pages for instant delivery.
Cache plugin
WP Rocket ($49/year) is the best in its category. It offers page caching, minification, lazy loading, CDN and preloading. It's a 1-click solution with zero technical configuration.
W3 Total Cache (free) is powerful but complex. It offers page, object and database caching. Technical configuration required.
WP Super Cache (free) is simple and effective. Suitable for beginners. It offers fewer features than WP Rocket.
Install WP Rocket (a worthwhile investment) or W3 Total Cache (free). At the very least, activate the page cache.
Browser cache
HTTP headers instruct the browser to store CSS, JS and image files locally. The next visit enables instant loading (the files are already cached locally).
WP Rocket configures this automatically. In manual mode, you need to add rules to the .htaccess file (this is complex and should be avoided).
Server cache
Premium hosts (Kinsta, SiteGround) offer integrated server caching (Varnish, Nginx). Faster than a cache plugin.
If available, enable it via cPanel. It is compatible with a cache plugin (these are additional layers).
Object cache
Redis or Memcached cache database requests. WooCommerce generates hundreds of requests per page. The object cache reduces this number to a few dozen.
This is an advanced configuration (Redis server required). It's cost-effective if you have more than 10,000 visits per day. Below that, page caching is sufficient.
Image optimization 🔺
Images account for 50-70% of page weight. Optimizing them brings massive gains.
Image compression
TinyPNG (free online) compresses PNG and JPG files with no visible loss of quality. Reduces file size by 50-70%.
Upload your images, download the optimized versions and use them.
ShortPixel (free plugin for 100 images per month) automatically optimizes WordPress uploads. It optimizes the existing catalog en masse.
Imagify (plugin, $10/month unlimited) is an alternative to ShortPixel. It's excellent too.
Activate automatic compression. New images will be automatically optimized.
Modern formats
WebP is the Google format. It reduces weight by 25 to 35% compared with JPG at identical quality. It is supported by over 95% of browsers.
Plugins (ShortPixel, Imagify) automatically convert JPG to WebP, with a JPG fallback for older browsers.
AVIF is even more powerful than WebP, but is supported by only 70% of browsers. This is the near future.
Correct sizing
A 4000×3000px photo displayed at 400×300 on the site is a waste of bandwidth.
Resize images before uploading to the maximum real display size (generally 1200 to 1500px wide is sufficient).
WooCommerce generates thumbnails automatically (thumbnail, medium, large). Check in Settings > Media for configured sizes.
Lazy loading
Lazy loading loads images only when they are visible in the viewport during scrolling. On a page with 20 products, it loads only the 4 visible products and the 16 others only when the user scrolls.
WP Rocket and a3 Lazy Load (free) implement this functionality. This saves 40-60% of initial bandwidth.
It's been native to WordPress since version 5.5 (basic lazy loading). Plugins enhance it.
Minification and compression 🔺
Non-optimized CSS and JS files are voluminous, numerous and blocking.
Minification
Minification removes spaces and comments, and shortens variables. A 200KB styles.css file becomes a 120KB styles.min.css file.
WP Rocket automatically minifies CSS and JS. Activate the dedicated options.
Autoptimize (free) is an alternative. It minifies and concatenates (merges) files.
Concatenation
15 separate CSS files generate 15 HTTP requests. Concatenation creates 1 single file and therefore 1 single request.
This saves HTTP overhead. WP Rocket and Autoptimize combine files.
Warning: This can break the design if the configuration is wrong. Test and deactivate in case of problems.
gzip compression
GZIP compression compresses text files (HTML, CSS, JS) before sending. The size gain is 60 to 80%.
Modern hosting providers activate it by default. Check the "Enable compression" section in GTmetrix. If not, enable it via the .htaccess file (guides available online).
Cdn (content delivery network)
A CDN is a worldwide network of servers serving static files from the server geographically closest to the visitor.
A visitor in Tokyo accessing a site in France experiences a latency of 300ms. With a CDN, the Tokyo server delivers images, CSS and JS with a latency of just 20ms.
Cloudflare (free) offers a global CDN, free SSL, DDoS protection and caching. A must-have.
BunnyCDN ($1/month) is an ultra-fast alternative. It's not free, but it's cheap.
Configuration: Register with Cloudflare, point your DNS and activate the service. Cloudflare offers a setup guide.
Database 🔺
WordPress accumulates obsolete data that slows down queries.
Clean database
Post revisions - WordPress saves every post modification. 50 revisions per product creates a massive bloat.
Expired transients - This is temporary cache data that is never cleaned.
Spam/trash - Spam comments and trashed orders accumulate.
WP-Optimize (free plugin) cleans everything automatically. Schedule a weekly cleanup.
Optimize tables
This is the equivalent of disk defragmentation. It reorganizes tables for faster access.
WP-Optimize optimizes tables in 1 click. Run this operation monthly.
Limit revisions
By default, WordPress keeps an infinite number of revisions. Limit them to 3-5 revisions.
In the wp-config.php file, add the line: define('WP_POST_REVISIONS', 5);.
Slow requests
Query Monitor (free plugin) displays database queries per page and their execution time.
Identify queries that take longer than 100ms. These are often poorly coded plugins. Deactivate the offending plugin or contact the developer.
In a nutshell
Loading speed is critical for e-commerce conversions: every extra second loses 7% of conversions. Optimize your images by compressing them (WebP recommended), using lazy loading and correctly sizing thumbnails. Install a high-performance cache plugin (WP Rocket, LiteSpeed Cache) to serve static pages. Minimize and combine your CSS/JavaScript files to reduce the number of HTTP requests. Use a CDN to distribute your static assets worldwide. Aim for a PageSpeed score of over 80/100 and a load time of less than 3 seconds.
Next steps 🔺
- SEO - Search engine optimization
- Backups - Protect your data
- Updates - Keep your data up-to-date
- Back - Overview
Navigation: ← Optimization and Maintenance | Speed | Next: SEO →