{"id":126437,"date":"2022-02-10T15:07:48","date_gmt":"2022-02-10T21:07:48","guid":{"rendered":"https:\/\/wpengine.com\/?post_type=resource&#038;p=126437"},"modified":"2022-02-10T15:07:57","modified_gmt":"2022-02-10T21:07:57","slug":"how-to-speed-up-your-woocommerce-site-2022-ultimate-guide","status":"publish","type":"resource","link":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-speed-up-your-woocommerce-site-2022-ultimate-guide\/","title":{"rendered":"How to Speed up Your WooCommerce Site (2022 Ultimate Guide)"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Are you experiencing a slow WooCommerce site? Many factors can slow down your WooCommerce site, but thankfully, we share the best techniques to speed it up.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First fact: your WooCommerce site needs speed to generate profits. Not only does faster loading time improve the user experience, but it also translates into better SEO and sales for your business. You need a fast website, or you might find yourself losing customers with short attention spans, who need to choose what is available now without having to wait too long.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-1.52.09-PM-1024x334.png\" alt=\"\" class=\"wp-image-126438\" width=\"615\" height=\"200\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-1.52.09-PM-1024x334.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-1.52.09-PM-540x176.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-1.52.09-PM-768x250.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-1.52.09-PM.png 1208w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>Speed influences the bounce rate. Source:<a href=\"https:\/\/www.thinkwithgoogle.com\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Think With Google<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">It\u2019s simple: what would you do as a visitor if you land on a super slow eCommerce site? Would you rather stay or try another website with a better shopping experience? We all know the answer.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">This guide will show you how to easily increase the speed of your WooCommerce site by optimizing certain aspects. We\u2019ll walk through the many reasons why you should optimize your site, along with the main techniques and tools you can work with to achieve a fast site on all devices.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As a little bonus, you\u2019ll also get our performance checklist to avoid any errors, make the most out of your WooCommerce site, and get a green score on Google PageSpeed Insights.&nbsp;<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Why Should You Optimize Your WooCommerce Performance?<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Speed matters for your WooCommerce website because page load time is a primary ranking factor\u2014and let\u2019s be real, you won\u2019t sell your products if you are on page 5 of Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">In<a href=\"https:\/\/blog.hubspot.com\/marketing\/page-load-time-conversion-rates\" target=\"_blank\" rel=\"noreferrer noopener\"> a study conducted by Hubspot<\/a>, we see that \u201cdecreasing page load time increased conversions from 3% to 17%.\u201d What does that mean in terms of money?&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">We did the math for you: if your WooCommerce site is making $1,000 a day, a one-second page delay may cost you $250,000 per year! Think about all the investments you could make with $250,000\u2026&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What\u2019s more, look at what we found on Google\u2019s blog.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One out of two visitors (which are potential buyers) will leave your shop if it takes more than three seconds to load.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-1.56.46-PM-1024x749.png\" alt=\"\" class=\"wp-image-126439\" width=\"606\" height=\"441\"\/><figcaption>Users&#8217; behavior on mobile when facing a slow site. Source: <a href=\"https:\/\/www.thinkwithgoogle.com\/marketing-strategies\/app-and-mobile\/mobile-page-speed-new-industry-benchmarks\/\" target=\"_blank\" rel=\"noreferrer noopener\">Think with Google<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Optimizing speed for an eCommerce site is not something new. Back In 2010, Google already included a new signal in their search ranking algorithms:<strong> site speed.<\/strong> This new KPI reflects how quickly a website responds to web requests.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Where are we in 2022? Google continues to make the web a better (and faster place) with the recent launch of <a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\">Core Web Vitals<\/a> that also became a ranking factor. Those new web signals measure how users perceive the experience of interacting with your web page, which influences the position of your WooCommerce site on Google.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your performance score is low, Google won\u2019t like it. If your KPIs are green, your shop will have more chances to be on the first page.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><br><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.01.57-PM-1024x601.png\" alt=\"\" class=\"wp-image-126440\" width=\"615\" height=\"360\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.01.57-PM-1024x601.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.01.57-PM-540x317.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.01.57-PM-768x451.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.01.57-PM.png 1224w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>The 5 KPIs measured by Google to measure the user experience. Source:<a href=\"https:\/\/developers.google.com\/search\/blog\/2020\/11\/timing-for-page-experience\" target=\"_blank\" rel=\"noreferrer noopener\"> Google Search Central<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&#x1f4d6;&nbsp; By optimizing your Core Web Vitals, you will increase your chances of climbing Google\u2019s search engine rankings and therefore attracting more traffic to your online store!&nbsp;<br>&#x1f4a1; A greater speed = a better conversion = more sales<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Now that we\u2019ve seen how a higher speed increases conversions, reduces bounce rate, gets you a nice ranking in the SERPs, and makes your visitors happy, let\u2019s see how to make sure <strong><em>your<\/em><\/strong><em> <\/em>WooCommerce site is well optimized.<em>&nbsp;<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">That brings us to our next part: how to speed up your WooCommerce site.&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Speed Up a WooCommerce Site: 11 Tips That Works<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Increasing your website\u2019s speed is a crucial aspect of any WooCommerce site.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The tips below are categorized from high impact to low impact on performance. Some have more influence on your final performance score, but they all have one thing in common: you\u2019ll speed up your WooCommerce site by addressing each of them.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s see some easy techniques you can follow to optimize performance and make your WooCommerce faster:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Choose a Good Hosting Provider &#x1f680;&#x1f680;&#x1f680;<\/li><li>Use HTTP2 &#x1f680;&#x1f680;&#x1f680;<\/li><li>Use a Cache Plugin &#x1f680;&#x1f680;&#x1f680;<\/li><li>Pick a Fast WooCommerce theme &#x1f680;&#x1f680;&#x1f680;<\/li><li>Reduce JS Execution Time &#x1f680;&#x1f680;&#x1f680;<\/li><li>Optimize Your Product Images &#x1f680;&#x1f680; &#x1f680;<\/li><li>CSS Optimization (CSS Delivery Optimization and Remove Unused CSS) &#x1f680;&#x1f680;<\/li><li>Lazy Load for Images and Videos &#x1f680;&#x1f680;<\/li><li>Code Optimization &#x1f680;&#x1f680;<\/li><li>Use a Content Delivery Network to Deliver Static Resources &#x1f680;&#x1f680;<\/li><li>Database Optimization &#x1f680;<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">&#x1f4a1;<strong> Bonus: Don\u2019t Forget the Core Web Vitals Optimization!<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s start with the techniques that have the greatest impact on WooCommerce page speed optimization.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>1. Choose a Good Hosting Provider<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: High &#x1f680;&#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Selling products with WooCommerce often implies content with images, text, photo galleries, videos, and online payment. All those features need to be rendered fast on your website in a secure environment. Would you put your credit card details on a slow website that does not inspire confidence? I won\u2019t.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">First, you need to consider how fast the web hosting service is. Second, what kind of customer support does this provider offer? Third and finally, are they secure?&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&nbsp;Some of the tactics that you\u2019ll want to look for are, namely:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Check the hosting uptime score (imagine the sales you could lose if your hosting lets you down). For instance, the <a href=\"https:\/\/wpengine.com\/ecommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\">WP Engine eCommerce hosting platform helps you increase website speed up to 40% and average sales up to 18%.<\/a><\/li><li>Server-level caching (that\u2019s configured for WooCommerce).&nbsp;<\/li><li>A content delivery network (CDN), especially if you have international customers.<\/li><li>Multiple data centers so that you can choose the location according to where your main customers are.<\/li><li>Bandwidth and storage they make available for your products.<\/li><li>SSL certificate (<a href=\"https:\/\/wpengine.com\/ecommerce\/#security\" target=\"_blank\" rel=\"noreferrer noopener\">you want your online store to be safe<\/a>).<\/li><li>Automatic backups (you may want to roll back to an older version of your WordPress site if an update goes wrong, for example.<\/li><li>Easy staging sites to test your new products or new features before going live.<\/li><li>Auto-installation of WooCommerce to get you started faster (some hosts like SiteGround pre-installs WooCommerce).<\/li><li>Check the type of hosting they provide. If you have thousands of products with high monthly traffic, you may want a dedicated server. We wrote<a href=\"https:\/\/wp-rocket.me\/blog\/shared-vs-vps-vs-dedicated-vs-cloud-hosting\/\" target=\"_blank\" rel=\"noreferrer noopener\"> an article showing the pros and cons of each type of hosting<\/a>: shared, dedicated, on the cloud, etc. It will be helpful to make up your choice. For more information about the right hosting service to choose, have a look at our dedicated guide on<a href=\"https:\/\/wp-rocket.me\/blog\/best-wordpress-hosting-services-small-businesses-blogs\/\" target=\"_blank\" rel=\"noreferrer noopener\"> the best WordPress hosting for small businesses<\/a>.<\/li><li>Make sure that your hosting provider offers HTTP\/2. Why?&nbsp;<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">That takes us to the next point: the extreme importance of HTTP\/2.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>2. Use HTTP\/2<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: High &#x1f680;&#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">HTTP\/2 has the potential to increase your website&#8217;s page speed by enabling browsers to process multiple requests over a single connection simultaneously. This saves on bandwidth, allowing for faster page-load times.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Before, your browser had to go back to the server to fetch every single resource. Now, it\u2019s picking up all the resources and transferring them at the same time.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/css-tricks.com\/http2-real-world-performance-test-analysis\/\" target=\"_blank\" rel=\"noreferrer noopener\">CSS tricks<\/a> explains the difference between both quite well:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.08.52-PM-1024x1003.png\" alt=\"\" class=\"wp-image-126441\" width=\"531\" height=\"521\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.08.52-PM-1024x1003.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.08.52-PM-540x529.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.08.52-PM-768x752.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.08.52-PM.png 1258w\" sizes=\"auto, (max-width: 531px) 100vw, 531px\" \/><figcaption>HTTP\/1 vs. HTTP\/2<br><\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>3. Use a Cache Plugin<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: High &#x1f680;&#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Caching is a great way to speed up your WooCommerce store. It\u2019s the one thing you need for an eCommerce site that runs smoothly and quickly, from checkout page load time to product details pages. Caching improves performance by reducing time-consuming processes like retrieving all stored information or generating new copies for each visitor requesting content.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The best features you should look for in a cache plugin are mainly cache preloading, CSS and JS files optimization, lazy-load for images and videos, Gzip compression, the possibility to defer JavaScript loading, and optimizing your fonts.&nbsp;If you\u2019re wondering what\u2019s<a href=\"https:\/\/wp-rocket.me\/wordpress-caching-plugins-for-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\"> the best caching plugin for WooCommerce<\/a>, you should take a look at WP Rocket.<a href=\"https:\/\/wp-rocket.me\/features\/\" target=\"_blank\" rel=\"noreferrer noopener\"> It has all the must-have features<\/a>, and it works great with WooCommerce. WP Rocket is also on WooCommerce\u2019s official website:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.11.50-PM-1024x227.png\" alt=\"\" class=\"wp-image-126442\" width=\"615\" height=\"137\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.11.50-PM-1024x227.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.11.50-PM-540x120.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.11.50-PM-768x171.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.11.50-PM.png 1270w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>WooCommerce Compatibility with WP Rocket. Source:<a href=\"https:\/\/docs.woocommerce.com\/document\/configuring-caching-plugins\/\" target=\"_blank\" rel=\"noreferrer noopener\"> WooCommerce official website<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The settings should be already activated but just in case, make sure that you exclude the following default WooCommerce pages from the cache:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Cart<\/li><li>My Account<\/li><li>Checkout<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">WP Rocket is easy to set up and applies 80% of web performance best practices. Don\u2019t just take our word for it and scroll to our speed test results to see the positive impact of WP Rocket on a WooCommerce site.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>4. Pick a Fast WooCommerce Theme<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: High &#x1f680;&#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">WooCommerce speed is key to increasing conversion rates and driving more revenue for your site. Top WooCommerce themes can make or break the success of a store, with some having incredible effects on load times. To help you find the best one for your needs, we looked at<a href=\"https:\/\/wp-rocket.me\/blog\/fastest-woocommerce-wordpress-themes\/\" target=\"_blank\" rel=\"noreferrer noopener\"> the 10 fastest WooCommerce themes<\/a> using Lighthouse; here are four winners with speedy performance:<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Blocksy<\/li><li>The Page Builder Framework<\/li><li>Neve<\/li><li>Astra<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>5. Reduce JS Execution Time<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: High &#x1f680;&#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If your JavaScript takes a long time to execute, then it will slow down your page performance. Google Lighthouse considers the JS execution time when measuring your performance grade. It warns you if your JavaScript execution takes longer than two seconds. If it exceeds 3.5 s, then you get a red flag:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.18.50-PM-1024x409.png\" alt=\"\" class=\"wp-image-126444\" width=\"644\" height=\"258\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.18.50-PM-1024x409.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.18.50-PM-540x216.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.18.50-PM-768x307.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.18.50-PM.png 1336w\" sizes=\"auto, (max-width: 644px) 100vw, 644px\" \/><figcaption>JS diagnostic performed by Lighthouse. Source:<a href=\"https:\/\/web.dev\/bootup-time\/\" target=\"_blank\" rel=\"noreferrer noopener\"> WebDeb<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><em>Hint<\/em>: If you want to learn four ways to measure JS execution time, we recommend reading<a href=\"https:\/\/codezup.com\/measure-execution-time-javascript-node-js\/\" target=\"_blank\" rel=\"noreferrer noopener\"> this guide<\/a>.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">To<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/reduce-javascript-execution-time\/\" target=\"_blank\" rel=\"noreferrer noopener\"> reduce JS execution time<\/a>, WebDev shares three important tips:&nbsp;<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Minify and compress your code.<\/li><li><a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/remove-unused-javascript\" target=\"_blank\" rel=\"noreferrer noopener\">Remove unused JS code<\/a>.<\/li><li>Reduce network trips by caching your code.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Those recommendations are all part of WP Rocket\u2019s features. WP Rocket helps optimize your JS files in two ways: by delaying JS resources (meaning that the JS files will be loaded only when there is a user interaction) and loading the JS only when needed.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"496\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.20.52-PM-1024x496.png\" alt=\"\" class=\"wp-image-126445\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.20.52-PM-1024x496.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.20.52-PM-540x261.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.20.52-PM-768x372.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.20.52-PM.png 1252w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>File Optimization tab\u2014JS\u2014WP Rocket dashboard<\/figcaption><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>6. Optimize Your Product Images<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: High &#x1f680;&#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Always take your product photography seriously. Images are an important part of building a successful eCommerce website since you want to convince visitors to buy your product.&nbsp; However, you need to find the right balance between quality and size. A 2 MB image will look good, but you\u2019ll see your speed score be dramatically impacted.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The best solution is optimizing the images of each product, especially if you have galleries, promotion banners, and all sorts of media on your online store. It means reducing their size, compressing, and converting them to the best format without compromising the quality too much.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are two ways of optimizing your product images to speed up your WooCommerce site:<\/p>\n\n\n\n<ol class=\"wp-block-list\"><li>Manually, using tools like Adobe Photoshop, Gimp, Paint.NET, or Affinity photo. However, some design software can be expensive or come with a steep learning curve.&nbsp;<\/li><li>Automatically, using online tools or a plugin like Imagify, Ewww optimizer, TinyJPG | TinyPNG, etc. Take a look at our list of<a href=\"https:\/\/wp-rocket.me\/blog\/best-image-optimization-plugins-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"> the best image optimization plugins for WordPress<\/a>.<\/li><\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Imagify<\/a> is made by the same team behind WP Rocket. We\u2019ve made a very intuitive plugin that compresses images automatically using three levels:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Normal, Aggressive, and Ultra. The plugin is free for 25 MB of images per month and<a href=\"https:\/\/imagify.io\/blog\/how-to-convert-images-to-webp\/\" target=\"_blank\" rel=\"noreferrer noopener\"> converts all your photos to WebP,<\/a> a new format that speeds up your site!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.22.31-PM-1024x305.png\" alt=\"\" class=\"wp-image-126446\" width=\"768\" height=\"229\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.22.31-PM-1024x305.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.22.31-PM-540x161.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.22.31-PM-768x229.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.22.31-PM.png 1268w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><figcaption>Converting images to WebP format with <a href=\"https:\/\/imagify.io\/\" target=\"_blank\" rel=\"noreferrer noopener\">Imagify<\/a><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">What if you already have uploaded all your product images to WordPress? No worries \u2014 Imagify can also optimize your<em> existing<\/em> WooCommerce product images.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Now that we\u2019ve seen what can impact your WooCommerce site speed the most, let\u2019s see the next recommendations (<em>that still affect performance on a medium-level)<\/em>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>7. CSS Optimization (CSS Delivery Optimization and Remove Unused CSS)<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: Medium &#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Optimizing your CSS increases the speed of your WooCommerce site. This can be done in two ways:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li><a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/remove-unused-css\/\" target=\"_blank\" rel=\"noreferrer noopener\">Removing Unused CSS<\/a> (to reduce page size and HTTP requests for better performance)<\/li><li>Optimizing the delivery of your CSS (to eliminate render-blocking CSS on your website for a faster-perceived load time)&nbsp;<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">As a solution, the WP Rocket plugin offers those two options \u2014 you should choose one of them. We recommend optimizing CSS delivery (Load CSS asynchronously) in case the Remove Unused CSS feature is not working for you.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Either way, you can activate each of them simply by clicking the checkbox below:<\/p>\n\n\n\n<div style=\"height:10px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.24.34-PM-964x1024.png\" alt=\"\" class=\"wp-image-126448\" width=\"723\" height=\"768\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.24.34-PM-964x1024.png 964w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.24.34-PM-509x540.png 509w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.24.34-PM-768x816.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.24.34-PM.png 1228w\" sizes=\"auto, (max-width: 723px) 100vw, 723px\" \/><figcaption>File optimization tab \u2014CSS\u2014WP Rocket dashboard<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>8. Lazy Load for Images and Videos<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: Medium &#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Another way to speed up your WooCommerce site is to activate<a href=\"https:\/\/wp-rocket.me\/blog\/lazy-loading-wordpress-5-5\/\" target=\"_blank\" rel=\"noreferrer noopener\"> lazy loading for images and videos<\/a>. Lazy loading is a strategy to identify the non-blocking (non-critical) resources and load these only when needed.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The content visible above the fold is displayed in priority but delays the rendering of the content below the fold. This optimization technique allows displaying first the images being viewed by the users.&nbsp;&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Google itself recommends using lazy-loading to \u201c<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/defer-offscreen-images\/\" target=\"_blank\" rel=\"noreferrer noopener\">defer offscreen images<\/a>\u201d as shown below:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.27.08-PM-1024x833.png\" alt=\"\" class=\"wp-image-126449\" width=\"615\" height=\"500\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.27.08-PM-1024x833.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.27.08-PM-540x440.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.27.08-PM-768x625.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.27.08-PM.png 1236w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>Opportunity section after running a performance audit (lazy load is recommended). Source PSI<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To apply the lazy loading script on your images and videos, you can do it manually using the loading attribute:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;img src=&#8221;image.jpg&#8221; alt=&#8221;&#8230;&#8221; loading=&#8221;lazy&#8221;&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&lt;iframe src=&#8221;video-player.html&#8221; title=&#8221;&#8230;&#8221; loading=&#8221;lazy&#8221;&gt;&lt;\/iframe&gt;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you don\u2019t feel comfortable adding the tag manually on each image, why don\u2019t you use a plugin to do it? We have curated the<a href=\"https:\/\/wp-rocket.me\/blog\/best-lazy-load-plugins-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"> 7 best lazy load WordPress plugins<\/a> you can use to speed up your WooCommerce site. If you want to avoid using another plugin, you can stick to WP Rocket \u2014 it does offer the Lazy Load option:<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.28.47-PM-1024x669.png\" alt=\"\" class=\"wp-image-126450\" width=\"615\" height=\"402\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.28.47-PM-1024x669.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.28.47-PM-540x353.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.28.47-PM-768x502.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.28.47-PM.png 1240w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>Lazy Load option\u2014WP Rocket dashboard&nbsp;<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>9. Code Optimization<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: Medium &#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Code optimization such as JavaScript and CSS minification and files compression will speed up your WooCommerce site.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">One of the biggest problems developers face when creating HTML, CSS, and JS files is keeping readable code. They tend to use spacing, comments, and well-named variables to keep it easy to follow. However, this does become somewhat problematic because it takes up more space which can be detrimental during loading times where every millisecond counts.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">As a solution, we<a href=\"https:\/\/wp-rocket.me\/blog\/best-free-css-and-javascript-minification-tools\/\" target=\"_blank\" rel=\"noreferrer noopener\"> have listed the best CSS and JS minifying tools<\/a> on the market.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If we summarize the guide,&nbsp; we find out about two ways of compressing your files and minifying your code:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>Manually (but be careful with this one, if you minify your code using a text editor, deleting one useful character can break your site).&nbsp;<\/li><li>Automatically with a WordPress plugin like WP Rocket that minifies your CSS and JS code with a few clicks:<\/li><\/ul>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.30.37-PM-1024x733.png\" alt=\"\" class=\"wp-image-126451\" width=\"615\" height=\"440\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.30.37-PM-1024x733.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.30.37-PM-540x387.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.30.37-PM-768x550.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.30.37-PM.png 1254w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>CSS and JS minifying tab\u2014WP Rocket dashboard<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>10. Use a Content Delivery Network to Deliver Static Resources<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: Medium &#x1f680;&#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A CDN is useful to quickly deliver your content across a network of servers all over the world. It will speed up your WooCommerce site by rendering your products and your store\u2019s content almost immediately. This is crucial if you have visitors in Miami but also in Bangkok, for example.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A solution out-of-box is to use<a href=\"https:\/\/rocketcdn.me\/\" target=\"_blank\" rel=\"noreferrer noopener\"> RocketCDN<\/a> as it\u2019s fully integrated with WP Rocket. If you have your CDN, no worries, you can also add your own:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.31.55-PM-1024x692.png\" alt=\"\" class=\"wp-image-126452\" width=\"615\" height=\"416\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.31.55-PM-1024x692.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.31.55-PM-540x365.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.31.55-PM-768x519.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.31.55-PM.png 1264w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>CDN tab\u2014WP Rocket dashboard<\/figcaption><\/figure><\/div>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>11. Database Optimization<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Priority: Low &#x1f680;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Database Optimization will not impact your speed that much, but it\u2019s still recommended to keep it clean and optimized. To boost the speed of your Woocommerce site, you want to take every advantage: you may need to delete some old tables left by old plugins or simply reduce database system response time.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Usually, you can run this optimization manually or from your PhpMyAdmin panel. But again, if you prefer to stay in your WordPress dashboard and use only one performance plugin, we suggest you use the WP Rocket database optimization option:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.33.22-PM-1024x656.png\" alt=\"\" class=\"wp-image-126453\" width=\"615\" height=\"394\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.33.22-PM-1024x656.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.33.22-PM-540x346.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.33.22-PM-768x492.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.33.22-PM.png 1264w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption><em>Post and comments clean-up section (1\/2\u2014WP Rocket dashboard&nbsp;<\/em><br><\/figcaption><\/figure><\/div>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.36.10-PM-1024x833.png\" alt=\"\" class=\"wp-image-126455\" width=\"615\" height=\"500\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.36.10-PM-1024x833.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.36.10-PM-540x440.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.36.10-PM-768x625.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.36.10-PM.png 1236w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption><em>Database clean-up section (2\/2)\u2014WP Rocket dashboard<\/em><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Those applicable techniques to your WooCommerce site are crucial if you want to speed up your site. Since June 2021, some KPIs came into the performance game: the Core Web Vitals. Those indicators measure<a href=\"https:\/\/wp-rocket.me\/blog\/google-page-experience-update-2021\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Google&#8217;s Page Experience score<\/a> and will impact your SEO performance. Let\u2019s see what\u2019s the link between performance and Core Web Vitals in our next part.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Bonus: Don\u2019t Forget to Optimize your Core Web Vitals Optimization<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">You can&#8217;t really optimize performance without improving the Core Web Vitals metrics.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The more you offer a great user experience, the better your score will be. Your store will also have more chances to be ranked on the first page of Google\u2019s results!&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">If you want to get a 90+ score on PageSpeed Insights, you should optimize<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-first-input-delay\/\" target=\"_blank\" rel=\"noreferrer noopener\"> First Input Delay<\/a>,<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-largest-contentful-paint\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Largest Contentful Paint<\/a>, and<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/improve-cumulative-layout-shift\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Cumulative Layout Shift<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.37.53-PM-1024x760.png\" alt=\"\" class=\"wp-image-126456\" width=\"615\" height=\"456\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.37.53-PM-1024x760.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.37.53-PM-540x401.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.37.53-PM-768x570.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.37.53-PM.png 1228w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><\/figure><\/div>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&#x2705; Do you want a green score (90+) in Google PageSpeed Insights, just like WP Rocket\u2019s official website?<a href=\"https:\/\/wp-rocket.me\/features\/\" target=\"_blank\" rel=\"noreferrer noopener\"> Start using our WP Rocket plugin today<\/a>! It applies 80% of web performance best practices automatically.<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>How to Make Your WooCommerce Faster with WP Rocket&nbsp;<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">In this section, you\u2019ll learn how to<a href=\"https:\/\/wp-rocket.me\/blog\/improve-lighthouse-performance-score-wordpress\/\" target=\"_blank\" rel=\"noreferrer noopener\"> improve the Lighthouse performance score<\/a> using WP Rocket. We will run a case study based on a real-life WooCommerce site (with products and payment gateway). The theme used is StoreFront, the official WooCommerce free theme, and we have created a total of 16 products:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"383\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.39.13-PM-1024x383.png\" alt=\"\" class=\"wp-image-126457\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.39.13-PM-1024x383.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.39.13-PM-540x202.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.39.13-PM-768x287.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.39.13-PM.png 1252w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption>Extract of my products page\u2014WooCommerce dashboard<\/figcaption><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">We\u2019ll conduct a performance comparison with and without WP Rocket. We\u2019ll use Google PageSpeed Insights to perform the speed test.&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>&#x1f4d6; You may want to read our guide that explains<a href=\"https:\/\/wp-rocket.me\/blog\/how-to-test-wordpress-site-performance-measure-speed-results\/\" target=\"_blank\" rel=\"noreferrer noopener\"> how to test WordPress performance and speed<\/a> first.&nbsp;<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Scenario #1: Measuring the speed of my WooCommerce site\u2014no WP Rocket&nbsp;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Let\u2019s run the speed test!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lighthouse\u2019s grade is 52\/100, without any optimizations.&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.46.28-PM-1024x689.png\" alt=\"\" class=\"wp-image-126458\" width=\"615\" height=\"414\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.46.28-PM-1024x689.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.46.28-PM-540x363.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.46.28-PM-768x516.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.46.28-PM.png 1252w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>Lighthouse grade of my WooCommerce site (mobile). Source: PSI<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">The majority of my KPI s are in orange and red. When you scroll down the report\u2019s page, we see that Lighthouse has flagged some issues:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.49.32-PM-1024x722.png\" alt=\"\" class=\"wp-image-126459\" width=\"615\" height=\"434\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.49.32-PM-1024x722.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.49.32-PM-540x381.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.49.32-PM-768x541.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.49.32-PM.png 1234w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>Diagnostics section after running my audit- Red and orange flags<br><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">To speed your WooCommerce site, Lighthouse recommends we<a href=\"https:\/\/wp-rocket.me\/google-core-web-vitals-wordpress\/eliminate-render-blocking-javascript-css\/\" target=\"_blank\" rel=\"noreferrer noopener\"> eliminate render-blocking resources<\/a>, reduce unused CSS and JS, use Gzip compression for the text, and use a cache. Does that ring a bell? Those are exactly the WP Rocket features we mentioned previously in this guide.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">It will be interesting to see how WP Rocket affects the score and the audit section: that\u2019s precisely scenario 2.&nbsp;<\/p>\n\n\n\n<h3 class=\"wp-block-heading\"><strong>Scenario #2: Measuring the Speed of my WooCommerce Site\u2014with WP Rocket &#x1f680;<\/strong><\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Now let\u2019s activate WP Rocket and check the effect on performance. I\u2019ve tweaked a few options in the WP Rocket dashboard:&nbsp;<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>I\u2019ve optimized my JS and CSS<\/li><li>I\u2019ve activated lazy load on images&nbsp;<\/li><li>The rest of the techniques (like Gzip compression) are applied automatically by WP Rocket<\/li><\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Here are the results for mobile \u2014<em>and I almost want to rename the article to \u201cHow to get a 100 score on PSI using WP Rocket!\u201d<\/em><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">My score went from 52 to 99!<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.51.05-PM-1024x691.png\" alt=\"\" class=\"wp-image-126460\" width=\"615\" height=\"415\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.51.05-PM-1024x691.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.51.05-PM-540x365.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.51.05-PM-768x518.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.51.05-PM.png 1268w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>My new green score for mobile using WP Rocket. Source: PSI<\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\">Let&#8217;s take a look at our passed audits section. All the issues flagged before have disappeared thanks to WP Rocket:&nbsp;<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/wpengine.com\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.52.44-PM-1024x961.png\" alt=\"\" class=\"wp-image-126461\" width=\"615\" height=\"577\" srcset=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.52.44-PM-1024x961.png 1024w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.52.44-PM-540x507.png 540w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.52.44-PM-768x721.png 768w, https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/Screen-Shot-2022-02-05-at-2.52.44-PM.png 1110w\" sizes=\"auto, (max-width: 615px) 100vw, 615px\" \/><figcaption>Passed audits section with WP Rocket installed<br><\/figcaption><\/figure><\/div>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Conclusion: Thanks to WP Rocket I\u2019ve sped up my WooCommerce site to 99\/100 in less than 2 minutes<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Wait a minute! You may think: \u201cWhat about the grade from desktop?\u201d. Well, that\u2019s the same result. Simply look at the table below:<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td>Score without WP Rocket (on desktop)<\/td><td>Score with WP Rocket &#x1f680; (on desktop)<\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh3.googleusercontent.com\/zWW3v8TCh6zoceNqsC9VK0GPzBv4sCEjb8zqYbJ689u0jQEfx5kfVIdhDPgagH9YEY4Cg9nCikwkIi2Ps4bWxN7eibqjeKFX8i4tGGRmYFux4BqpmwyBlCVsMqlBna1JXZ4uPsTm\" width=\"287\" height=\"175\"><\/td><td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh4.googleusercontent.com\/qcXa1MV4k167Nu0xELDjKzPEYYt0HYv6-EdAgjqA4taoqAlJpZByHDkHDJ71i33eTW3kbzJh7MeYTwAYYN7FPDNk5OuDFgVQpSoOTPMAGrkXuvVfD3oGq9hF7twzWJ52fh6TQHWL\" width=\"287\" height=\"192\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>What to Do if Your Woocommerce Site Is Slow? (Our Checklist)<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">If your WooCommerce is slow, you should first test your website using a tool such as PageSpeed Insights to identify the main issues and address them accordingly, as we did in scenario #1.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">There are also a few things you should check right away. Take a look at our performance checklist to easily fix your WooCommerce loading slowly:&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705; Use a cache plugin like WP Rocket and a CDN to see your content loaded and delivered faster.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705;&nbsp; Remove\u2014or at least limit the use of\u2014any sliders, preloaders, or animations.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705; Check out heavy plugins and WooCommerce scripts and styles. Also, remember to use a light theme.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705; Install an image optimization plugin like Imagify, you\u2019ll get lighter image files without compromising the quality.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705; Implement Lazy Loading on your images and videos to display only those viewed by the user.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705; Upgrade your hosting to a fast one.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705; Are you using the latest PHP version? Check your hosting panel.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705; Did you enable HTTP2? Same here. Check with your hosting support if you can\u2019t find that information.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">&#x2705; Take care of your Core Web Vitals.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Most of the performance tips are applicable instantly, especially if you decide to use a plugin to automate your performance boost. Get started as soon as possible!&nbsp;<\/p>\n\n\n\n<h2 class=\"wp-block-heading\"><strong>Wrapping up<\/strong><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Your WooCommerce site does need speed to generate profits. It doesn&#8217;t matter what type of product or service you sell online either \u2014 if customers see a slow loading page, they&#8217;ll leave without looking back. User experience is everything in 2022.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Thankfully, there are great techniques out there that can help to recover from a slow WooCommerce site. Most of them take time to implement manually. That\u2019s why you should use a performance plugin to achieve your goals.&nbsp;<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">For example, WP Rocket optimizes your code, caches your content, implements lazy loading on your media, and optimizes your database in a few clicks. We\u2019ve also seen that the plugin can help you get a green score on Google PageSpeed Insights:&nbsp;<\/p>\n\n\n\n<figure class=\"wp-block-table\"><table><tbody><tr><td><strong>Scoring 52\/100 on mobile without WP Rocket<\/strong><\/td><td>&#x1f680;&nbsp; <strong>Scoring 99\/100 on mobile with WP Rocket<\/strong><strong>(2 minutes later!)<\/strong><\/td><\/tr><tr><td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/UEbUTqesl5LioVK1mx0GFYqU6BzMAlTkAjHHUMYK4UudUp0Bzg3MLd5iC9IAY00s-bk8RqfcqT_MxEsLTVMLVZ1m0jO1ODsj2IibFz8gqax4cZXmf4gcv0N5Fb4949lmK61gZoEv\" width=\"287\" height=\"192\"><\/td><td><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/lh5.googleusercontent.com\/LQUD6x-knvvYKhT4-ixgO73i1BBRuUpXKIVizGpYqcEy3mqvIrnqo3VUI3EwwPpGRb3vxYL1UtcTHjV2Kqd-kZbpLmT4B939tY_c3NMAUtnIJMHMqi5p4SPYkdd6oGuEO54IjpkB\" width=\"287\" height=\"208\"><\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Don&#8217;t risk losing potential clients, and start using<a href=\"https:\/\/wp-rocket.me\/features\/\" target=\"_blank\" rel=\"noreferrer noopener\"> WP Rocket<\/a> today to speed up your WooCommerce store!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><em>This article originally appeared on <\/em><a href=\"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/\" target=\"_blank\" rel=\"noreferrer noopener\"><em>WP Rocket\u2019s blog<\/em><\/a><em> and has been published here with permission.<br><\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Are you experiencing a slow WooCommerce site? Many factors can slow down your WooCommerce site, but thankfully, we share the best techniques to speed it up.&nbsp; First fact: your WooCommerce site needs speed to generate profits. Not only does faster loading time improve the user experience, but it also translates into better SEO and sales<span class=\"tile__ellipses\">&hellip;<\/span><span class=\"tile__ellipses--animated\"><\/span><\/p>\n","protected":false},"author":369,"featured_media":126529,"template":"","resource-topic":[905],"resource-role":[896,906,899],"resource-type":[916],"class_list":["post-126437","resource","type-resource","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v20.9 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>How to Speed up Your WooCommerce Site (2022 Ultimate Guide)<\/title>\n<meta name=\"description\" content=\"This guide will show you how to easily increase the speed of your WooCommerce site with specific plugins and code optimizations that increase conversions!\" \/>\n<meta name=\"robots\" content=\"noindex, follow\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Speed up Your WooCommerce Site (2022 Ultimate Guide)\" \/>\n<meta property=\"og:description\" content=\"This guide will show you how to easily increase the speed of your WooCommerce site with specific plugins and code optimizations that increase conversions!\" \/>\n<meta property=\"og:url\" content=\"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/\" \/>\n<meta property=\"og:site_name\" content=\"WP Engine\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/wpengine\" \/>\n<meta property=\"article:modified_time\" content=\"2022-02-10T21:07:57+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/eCommerce-Speed_1200x628.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1200\" \/>\n\t<meta property=\"og:image:height\" content=\"628\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@wpengine\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"21 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/resources\/how-to-speed-up-your-woocommerce-site-2022-ultimate-guide\/\",\"url\":\"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/\",\"name\":\"How to Speed up Your WooCommerce Site (2022 Ultimate Guide)\",\"isPartOf\":{\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\"},\"datePublished\":\"2022-02-10T21:07:48+00:00\",\"dateModified\":\"2022-02-10T21:07:57+00:00\",\"description\":\"This guide will show you how to easily increase the speed of your WooCommerce site with specific plugins and code optimizations that increase conversions!\",\"breadcrumb\":{\"@id\":\"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/wpengine.com\/case-studies\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Resources\",\"item\":\"https:\/\/wpengine.com\/case-studies\/resources\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"How to Speed up Your WooCommerce Site (2022 Ultimate Guide)\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#website\",\"url\":\"https:\/\/wpengine.com\/case-studies\/\",\"name\":\"WP Engine\",\"description\":\"Managed Hosting for WordPress\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/b7f9b4a5430291c9739d1faa80737ee9\",\"name\":\"Marine Larmier\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/4b6753528a49806068282d52b2db680ece532514dbbb988fe3124823a7a04cd8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/4b6753528a49806068282d52b2db680ece532514dbbb988fe3124823a7a04cd8?s=96&d=mm&r=g\",\"caption\":\"Marine Larmier\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Speed up Your WooCommerce Site (2022 Ultimate Guide)","description":"This guide will show you how to easily increase the speed of your WooCommerce site with specific plugins and code optimizations that increase conversions!","robots":{"index":"noindex","follow":"follow"},"og_locale":"en_US","og_type":"article","og_title":"How to Speed up Your WooCommerce Site (2022 Ultimate Guide)","og_description":"This guide will show you how to easily increase the speed of your WooCommerce site with specific plugins and code optimizations that increase conversions!","og_url":"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/","og_site_name":"WP Engine","article_publisher":"https:\/\/www.facebook.com\/wpengine","article_modified_time":"2022-02-10T21:07:57+00:00","og_image":[{"width":1200,"height":628,"url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/eCommerce-Speed_1200x628.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@wpengine","twitter_misc":{"Est. reading time":"21 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/wpengine.com\/case-studies\/resources\/how-to-speed-up-your-woocommerce-site-2022-ultimate-guide\/","url":"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/","name":"How to Speed up Your WooCommerce Site (2022 Ultimate Guide)","isPartOf":{"@id":"https:\/\/wpengine.com\/case-studies\/#website"},"datePublished":"2022-02-10T21:07:48+00:00","dateModified":"2022-02-10T21:07:57+00:00","description":"This guide will show you how to easily increase the speed of your WooCommerce site with specific plugins and code optimizations that increase conversions!","breadcrumb":{"@id":"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/wp-rocket.me\/blog\/speed-up-slow-woocommerce\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/wpengine.com\/case-studies\/"},{"@type":"ListItem","position":2,"name":"Resources","item":"https:\/\/wpengine.com\/case-studies\/resources\/"},{"@type":"ListItem","position":3,"name":"How to Speed up Your WooCommerce Site (2022 Ultimate Guide)"}]},{"@type":"WebSite","@id":"https:\/\/wpengine.com\/case-studies\/#website","url":"https:\/\/wpengine.com\/case-studies\/","name":"WP Engine","description":"Managed Hosting for WordPress","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/wpengine.com\/case-studies\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"Person","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/b7f9b4a5430291c9739d1faa80737ee9","name":"Marine Larmier","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/wpengine.com\/case-studies\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/4b6753528a49806068282d52b2db680ece532514dbbb988fe3124823a7a04cd8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/4b6753528a49806068282d52b2db680ece532514dbbb988fe3124823a7a04cd8?s=96&d=mm&r=g","caption":"Marine Larmier"}}]}},"acf":[],"grid_image_url":"https:\/\/wpengine.com\/case-studies\/wp-content\/uploads\/2022\/02\/eCommerce-Speed_343x245.png","media-type":{"term_id":916,"name":"Article","slug":"article"},"role":"<strong>Roles:<\/strong> Developer, Entrepreneur, Site Owner","topic":"<strong>Topics:<\/strong> eCommerce","_links":{"self":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource\/126437","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource"}],"about":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/types\/resource"}],"author":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/users\/369"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media\/126529"}],"wp:attachment":[{"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/media?parent=126437"}],"wp:term":[{"taxonomy":"resource-topic","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-topic?post=126437"},{"taxonomy":"resource-role","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-role?post=126437"},{"taxonomy":"resource-type","embeddable":true,"href":"https:\/\/wpengine.com\/case-studies\/wp-json\/wp\/v2\/resource-type?post=126437"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}