google-news-sitemap

<?xml version="1.0" encoding="UTF-8"?> <rss version="2.0" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"> <channel> <title>Blog – Kinsta®</title> <atom:link href="https://kinsta.com/blog/feed/" rel="self" type="application/rss+xml" /> <link>https://kinsta.com</link> <description>Fast, secure, managed WordPress hosting</description> <lastBuildDate>Fri, 17 Dec 2021 19:27:08 +0000</lastBuildDate> <language>en-US</language> <sy:updatePeriod> hourly</sy:updatePeriod> <sy:updateFrequency> 1</sy:updateFrequency> <generator>https://wordpress.org/?v=5.8.2</generator> <image> <url>https://kinsta.com/wp-content/uploads/2020/09/kinsta-favicon-150x150.png</url> <title>Blog – Kinsta®</title> <link>https://kinsta.com</link> <width>32</width> <height>32</height> </image> <item> <title>How to Fix WooCommerce Performance Issues Using Kinsta APM (Real-World Examples)</title> <link>https://kinsta.com/blog/woocommerce-apm/</link> <comments>https://kinsta.com/blog/woocommerce-apm/#respond</comments> <dc:creator> <![CDATA[Salman Ravoof]]> </dc:creator> <pubDate>Wed, 02 Dec 2020 12:04:53 +0000</pubDate> <category> <![CDATA[WordPress Performance Tutorials]]> </category> <category> <![CDATA[apm]]> </category> <category> <![CDATA[woocommerce]]> </category> <guid isPermaLink="false">https://kinsta.com/?p=84472</guid> <description> <![CDATA[<p>Knowing how to fix WooCommerce performance issues is key to your online business’ success. The snappier your ecommerce site is to your users, the better their ...</p> <p>The post <a rel="nofollow" href="https://kinsta.com/blog/woocommerce-apm/">How to Fix WooCommerce Performance Issues Using Kinsta APM (Real-World Examples)</a> appeared first on <a rel="nofollow" href="https://kinsta.com">Kinsta®</a>.</p> ]]> </description> <content:encoded> <![CDATA[<p>Knowing how to fix WooCommerce performance issues is key to your online business’ success. The snappier your ecommerce site is to your users, the better their online shopping experience. And the better their user experience, the more likely they are to place an order. All in all, this translates to more sales and profits. Hence, performance is at the core of your Woocommerce store’s success.</p> <aside class="sidebar-cta"> <div class="sidebar-cta__inner"> <div class="cta-mini"> <div class="cta-mini__content cta-mini__content--performance"> <img src="https://kinsta.com/wp-content/themes/kinsta/images/components/sidebar-cta/illustration-speed.svg" loading="lazy" alt="" width="147" height="143" aria-hidden="true"> <p>Discover how Kinsta customers are seeing up to a 200% increase in performance.</p> </div> <a class="button" href="https://kinsta.com/features/" data-track-ga-category="sidebar-cta" data-track-ga-label="variation_performance">Learn more</a> </div> </div> </aside> <p><a href="https://kinsta.com/learn/page-speed/#slow-how-slow">According to a study</a>, <strong>46%</strong> of users don’t revisit a poorly performing site. Hence, it’s common for ecommerce sites to miss out on potential sales due to performance issues. If you haven’t optimized your site for performance, you can lose even more during <a href="https://kinsta.com/blog/ecommerce-strategies/#optimize">high seasonal traffic</a> days such as Black Friday and Cyber Monday.</p> <p>While you can use many techniques to <a href="https://kinsta.com/blog/speed-up-woocommerce/">speed up your ecommerce site</a>, quickly solving a pressing performance issue is challenging. It requires proactive monitoring of the site’s overall environment. That’s where an <a href="https://kinsta.com/blog/apm-tools/">application performance monitoring tool</a> like <a href="https://kinsta.com/apm-tool/">Kinsta APM</a> can be super helpful.</p> <p>In this article, you’ll learn about the various components of an ecommerce site, why you need an APM tool to monitor your ecommerce site’s performance, and how you can use Kinsta APM to stay on top of your WooCommerce site’s performance.</p> <p>And remember, your ultimate goal is to increase your store’s revenue. So be sure to download our <strong>free</strong> ebook, <a href="https://kinsta.com/ebooks/wordpress/ecommerce-conversion-rate/?utm_source=Blog&utm_medium=Link&utm_campaign=WooCommerce+Conversions+Ebook">10 Ways to Boost Your WooCommerce Product Page Conversions</a>.</p> <p>Ready to begin? Let’s go!</p> <div></div><kinsta-auto-toc heading="Table of Contents" exclude="last" list-style="arrow" selector="h2" count-number="-1"></kinsta-auto-toc> <h2>The Various Components of an Ecommerce Site</h2> <p>To run an ecommerce site at optimal performance, all the pieces matter. From its hosting infrastructure and ecommerce platform to its third-party integrations and the checkout process, everything counts!</p> <figure id="attachment_84543" aria-describedby="caption-attachment-84543" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84543" src="https://kinsta.com/wp-content/uploads/2020/12/A-WooCommerce-Store-Stack.png" alt="Illustration of a typical WooCommerce store stack" width="1100" height="607" srcset="https://kinsta.com/wp-content/uploads/2020/12/A-WooCommerce-Store-Stack.png 1100w, https://kinsta.com/wp-content/uploads/2020/12/A-WooCommerce-Store-Stack-300x166.png 300w, https://kinsta.com/wp-content/uploads/2020/12/A-WooCommerce-Store-Stack-1024x565.png 1024w, https://kinsta.com/wp-content/uploads/2020/12/A-WooCommerce-Store-Stack-768x424.png 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84543" class="wp-caption-text">A typical WooCommerce store stack</figcaption></figure> <p>Whether you’re selling <a href="https://kinsta.com/clients/honest-brew/">craft beers</a> or <a href="https://www.dartdrones.com/">drone training courses</a>, an <a href="https://kinsta.com/blog/ecommerce-platforms/">ecommerce platform</a> like WooCommerce makes it a piece of cake to quickly set up and launch an online store.</p> <p>Its various extensions also make it super simple to extend the store’s functionality with many essential components.</p> <figure id="attachment_84544" aria-describedby="caption-attachment-84544" style="width: 690px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84544" src="https://kinsta.com/wp-content/uploads/2020/12/Ecommerce-Site-Components-Complexity.png" alt="The various components of an ecommerce store" width="690" height="512" srcset="https://kinsta.com/wp-content/uploads/2020/12/Ecommerce-Site-Components-Complexity.png 690w, https://kinsta.com/wp-content/uploads/2020/12/Ecommerce-Site-Components-Complexity-300x223.png 300w" sizes="(max-width: 690px) 100vw, 690px"><figcaption id="caption-attachment-84544" class="wp-caption-text">Tracking various ecommerce components is complex</figcaption></figure> <p>The more links there are in a chain, the harder it is to find the defective joint when an issue arises. All this complexity can lead to increased performance and availability problems. It affects your capability to respond quickly to performance issues and fix them before they impact your customers.</p> <p>The solution? Using an <a href="https://kinsta.com/blog/application-performance-monitoring/">application performance monitoring</a> tool.</p> <p>We’ve explicitly designed Kinsta APM to monitor the performance of WordPress sites, including <a href="https://kinsta.com/woocommerce-hosting/">WooCommerce stores hosted at Kinsta</a>.</p> <p><span><style>body a.novashare-ctt{display:block;background:#00abf0;margin:30px auto;padding:20px 20px 20px 15px;color:#fff;text-decoration:none!important;box-shadow:none!important;-webkit-box-shadow:none!important;-moz-box-shadow:none!important;border:none;border-left:5px solid #00abf0}body a.novashare-ctt:hover{color:#fff;border-left:5px solid #008cc4}body a.novashare-ctt:visited{color:#fff}body a.novashare-ctt *{pointer-events:none}body a.novashare-ctt .novashare-ctt-tweet{display:block;font-size:18px;line-height:27px;margin-bottom:10px}body a.novashare-ctt .novashare-ctt-cta-container{display:block;overflow:hidden}body a.novashare-ctt .novashare-ctt-cta{float:right}body a.novashare-ctt.novashare-ctt-cta-left .novashare-ctt-cta{float:left}body a.novashare-ctt .novashare-ctt-cta-text{font-size:16px;line-height:16px;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon{margin-left:10px;display:inline-block;vertical-align:middle}body a.novashare-ctt .novashare-ctt-cta-icon svg{vertical-align:middle;height:18px}body a.novashare-ctt.novashare-ctt-simple{background:0 0;padding:10px 0 10px 20px;color:inherit}body a.novashare-ctt.novashare-ctt-simple-alt{background:#f9f9f9;padding:20px;color:#404040}body a.novashare-ctt.novashare-ctt-simple-alt:hover,body a.novashare-ctt.novashare-ctt-simple:hover{border-left:5px solid #008cc4}body a.novashare-ctt.novashare-ctt-simple .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple-alt .novashare-ctt-cta{color:#00abf0}body a.novashare-ctt.novashare-ctt-simple-alt:hover .novashare-ctt-cta,body a.novashare-ctt.novashare-ctt-simple:hover .novashare-ctt-cta{color:#008cc4}</style><a href="https://twitter.com/intent/tweet?url=https%3A%2F%2Fkinsta.com%2Fblog%2F&via=kinsta&text=46%25+of+users+won%E2%80%99t+revisit+a+poorly+performing+site...+which+is+why+monitoring+your+ecommerce+site%27s+performance+is+essential+for+your+reputation+and+your+revenue.+%F0%9F%92%B0+Learn+more+about+our+built-in+APM+tool+right+here+...&hashtags=speed%2CWooCommerce" class="novashare-ctt novashare-ctt-cta-left" target="_blank" rel="nofollow noopener noreferrer"><span class="novashare-ctt-tweet">46% of users won’t revisit a poorly performing site... which is why monitoring your ecommerce site's performance is essential for your reputation and your revenue. <img src="https://s.w.org/images/core/emoji/13.1.0/72x72/1f4b0.png" alt="💰" class="wp-smiley" style="height: 1em; max-height: 1em;" /> Learn more about our built-in APM tool right here <img src="https://s.w.org/images/core/emoji/13.1.0/72x72/2b07.png" alt="⬇" class="wp-smiley" style="height: 1em; max-height: 1em;" /></span><span class="novashare-ctt-cta-container"><span class="novashare-ctt-cta"><span class="novashare-ctt-cta-text">Click to Tweet</span><span class="novashare-ctt-cta-icon"><svg role="img" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 512 512"><path fill="currentColor" d="M459.37 151.716c.325 4.548.325 9.097.325 13.645 0 138.72-105.583 298.558-298.558 298.558-59.452 0-114.68-17.219-161.137-47.106 8.447.974 16.568 1.299 25.34 1.299 49.055 0 94.213-16.568 130.274-44.832-46.132-.975-84.792-31.188-98.112-72.772 6.498.974 12.995 1.624 19.818 1.624 9.421 0 18.843-1.3 27.614-3.573-48.081-9.747-84.143-51.98-84.143-102.985v-1.299c13.969 7.797 30.214 12.67 47.431 13.319-28.264-18.843-46.781-51.005-46.781-87.391 0-19.492 5.197-37.36 14.294-52.954 51.655 63.675 129.3 105.258 216.365 109.807-1.624-7.797-2.599-15.918-2.599-24.04 0-57.828 46.782-104.934 104.934-104.934 30.213 0 57.502 12.67 76.67 33.137 23.715-4.548 46.456-13.32 66.599-25.34-7.798 24.366-24.366 44.833-46.132 57.827 21.117-2.273 41.584-8.122 60.426-16.243-14.292 20.791-32.161 39.308-52.628 54.253z"></path></svg></span></span></span></a></span></p> <h2>The Benefits of Using Kinsta APM for WooCommerce Sites</h2> <p><kinsta-video src="https://kinsta.wistia.com/medias/7aq1dfoysx"></kinsta-video></p> <p>Your WooCommerce site’s performance issues can cause significant damage to your online business in multiple ways. You can use Kinsta APM to prevent or overcome these problems. Some of its many benefits include:</p> <h3>Increases Sales and Revenue</h3> <p>Performance is critical for an ecommerce site’s bottom line. Maintaining a performant site requires an understanding of many metrics and <a href="https://kinsta.com/blog/sysadmin/">DevOps skills</a>. Kinsta APM makes this task easier for you and your staff. As a result, the impact on sales and revenue is the most significant benefit of using Kinsta APM.</p> <h3>Betters User Experience</h3> <p>It’s challenging to gauge your users’ satisfaction, as they may go away silently when faced with a speed or performance issue. What’s worse is that they may go to your competitor’s site. A useful APM tool like Kinsta APM gives you the performance insights you need to make sure that your customers are happy and satisfied with your WooCommerce store.</p> <h3>Curtails Damage to Brand Reputation</h3> <p>Words travel pretty fast in the digital era. Users no longer wonder whether your ecommerce site performs perfectly. They expect it. So, when they’re interrupted due to site slowdowns or outages, you don’t just lose a sale, but also your brand’s reputation and trust. Kinsta APM can reduce its chances by helping you to keep your site performing at its best.</p> <h3>Increases Productivity and Happiness</h3> <p>A better performing site translates to improved internal staff productivity too. For instance, your development team doesn’t have to spend as much time addressing performance issues. The support staff doesn’t have to manage as many tickets. Your marketing team can get more campaigns done in less time. Everyone is more productive and happy when the site is tuned to perform well.</p> <h3>Frees up Time for Innovation</h3> <p>Experimenting with innovative strategies to drive business growth is one of the cornerstones of <a href="https://kinsta.com/blog/ecommerce-strategies/">ecommerce marketing</a>. Whether you’re a developer or a marketer, Kinsta APM’s simplicity drives collaboration, fostering effective business growth strategies. It also enables faster problem resolution, resulting in the rollout of new features with greater confidence.</p> <h3>Decreases Hosting and IT Infrastructure Costs</h3> <p>By identifying performance bottlenecks that would otherwise go undetected, Kinsta APM helps you squeeze the most out of your hosting infrastructure. It enables you to fine-tune your WooCommerce site to scale your website better. Furthermore, by identifying troublesome plugins, extensions, and third-party services, Kinsta APM sets you on the right path towards cutting non-performing IT assets.</p> <h2>How to Fix WooCommerce Performance Issues with Kinsta APM</h2> <p>It’s now time to check some real-world examples and explore how you can use Kinsta APM to fix WooCommerce performance issues.</p> <h3>Learn the Basics of Kinsta APM</h3> <p>First things, first! Before you dive deep into troubleshooting your WooCommerce site with Kinsta APM, it’s necessary to learn its various terminologies and how you read its insights. You can refer to our <a href="https://kinsta.com/help/apm-tool/#apm-tool-terminology">Kinsta APM knowledgebase</a> to get started.</p> <p>If you have more questions about Kinsta APM, I suggest you read the <a href="https://kinsta.com/help/apm-tool/#kinsta-apm-faq">Kinsta APM FAQ</a> section.</p> <h3>The Test WooCommerce Site and Setup</h3> <p>Kinsta APM works only with <a href="https://kinsta.com/blog/why-use-wordpress/">WordPress sites</a> hosted at Kinsta. For this article, I set up a test WooCommerce site to simulate online stores’ most common performance issues. I used an actual <a href="https://kinsta.com/blog/choose-domain-name/">domain name</a> to ensure that an <a href="https://kinsta.com/knowledgebase/tls-vs-ssl/#how-do-tls-and-ssl-work-to-secure-data">SSL/TSL handshake</a> takes place.</p> <p>Below are the test site’s details:</p> <ul> <li>Server Stack: Nginx 1.19.4, PHP 7.3.24-3, MariaDB 5.5.5</li> <li>WordPress Version: WordPress 5.5.3</li> <li>Theme: <a href="https://kinsta.com/blog/fastest-wordpress-theme/#astra">Astra Theme</a> 2.6.1</li> <li>Primary Plugins: WooCommerce 4.7.1, <a href="https://kinsta.com/blog/abandoned-cart-email/#cart-abandonment-emails-in-woocommerce">WooCommerce Cart Abandonment Recovery</a>, Kinsta Must-use Plugins, and Akismet Anti-spam.</li> </ul> <p>Also, I customized the site slightly using custom plugins to illustrate unique examples. The primary aim here is to teach how you can use Kinsta APM in various situations to troubleshoot several WooCommerce performance issues.</p> <h3>1. WooCommerce APM Example: Sluggish Third-Party API Calls During Checkout</h3> <p>Most ecommerce sites rely on third-party integrations to take care of critical processes such as payments and shipments. Many WooCommerce sites also use third-party plugins like <a href="https://kinsta.com/blog/how-to-use-mailchimp/">Mailchimp</a> and <a href="https://kinsta.com/blog/mailchimp-alternatives/#2-mailerlite">MailerLite</a> for email marketing.</p> <p>However, <a href="https://kinsta.com/blog/third-party-performance/">third-party services</a> can have a significant impact on your WooCommerce site’s performance. And if it’s affecting your checkout process, then you should take it even more seriously.</p> <figure id="attachment_84571" aria-describedby="caption-attachment-84571" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="wp-image-84571 size-full" src="https://kinsta.com/wp-content/uploads/2020/12/Stripe-API-Outage-Jul-10-2019.png" alt="Stripe API down tweets from the Stripe Status account" width="1100" height="662" srcset="https://kinsta.com/wp-content/uploads/2020/12/Stripe-API-Outage-Jul-10-2019.png 1100w, https://kinsta.com/wp-content/uploads/2020/12/Stripe-API-Outage-Jul-10-2019-300x181.png 300w, https://kinsta.com/wp-content/uploads/2020/12/Stripe-API-Outage-Jul-10-2019-1024x616.png 1024w, https://kinsta.com/wp-content/uploads/2020/12/Stripe-API-Outage-Jul-10-2019-768x462.png 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84571" class="wp-caption-text">Stripe’s API faced a major outage last year</figcaption></figure> <p>In this example, the site took too long to respond whenever a user added a product to their cart. Sometimes, the site took over 5 seconds to respond. That’s a perfect recipe for <a href="https://kinsta.com/blog/shopping-cart-abandonment/">shopping cart abandonment</a>.</p> <p>Let’s fire up Kinsta APM to diagnose the problem.</p> <p>To get started, go to your site’s <a href="https://kinsta.com/MyKinsta">MyKinsta dashboard</a>, and then head over to the <strong>Monitoring</strong> section.</p> <p>Click the <strong>Enable</strong> button under the <strong>Performance monitoring</strong> section to let Kinsta APM collect your site’s performance metrics.</p> <figure id="attachment_84553" aria-describedby="caption-attachment-84553" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="wp-image-84553 size-full" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Enable-MyKinsta-Dashboard.jpg" alt="WooCommerce APM - MyKinsta" width="1100" height="474" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Enable-MyKinsta-Dashboard.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Enable-MyKinsta-Dashboard-300x129.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Enable-MyKinsta-Dashboard-1024x441.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Enable-MyKinsta-Dashboard-768x331.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84553" class="wp-caption-text">Enabling Kinsta APM in MyKinsta dashboard</figcaption></figure> <p>If you’d enabled Kinsta APM before (as here), you can see past performance data for that period displayed in the chart and table.</p> <p>After enabling Kinsta APM, I tested the site and waited for the performance metrics to populate in the Kinsta APM dashboard.</p> <p>Ideally, wait at least 5 minutes before you dig into the data. It’ll ensure that Kinsta APM has collected enough performance data to present actionable results.</p> <figure id="attachment_84554" aria-describedby="caption-attachment-84554" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84554" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Overall-Performance-Metrics.jpg" alt="The Kinsta APM main dashboard screen" width="1100" height="606" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Overall-Performance-Metrics.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Overall-Performance-Metrics-300x165.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Overall-Performance-Metrics-1024x564.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Overall-Performance-Metrics-768x423.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84554" class="wp-caption-text">The Kinsta APM main dashboard screen</figcaption></figure> <p>Using the dropdown menu to the left of the <strong>Enable</strong>/<strong>Disable</strong> button, you can also change the duration Kinsta APM uses to crunch the performance metrics.</p> <figure id="attachment_84552" aria-describedby="caption-attachment-84552" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84552" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Duration-Change.jpg" alt="Changing the total duration used by Kinsta APM" width="1100" height="654" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Duration-Change.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Duration-Change-300x178.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Duration-Change-1024x609.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Duration-Change-768x457.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84552" class="wp-caption-text">Changing the total duration used by Kinsta APM</figcaption></figure> <p>In the<strong> Overall transaction time</strong> chart, you can see that <strong>External</strong> calls take up most of the space. It hints that third-party services may be the culprit behind the slowdown.</p> <p>Next, you can scroll down to the <strong>Slowest transactions</strong> table to see the requests or background tasks that took the most time to execute.</p> <figure id="attachment_84558" aria-describedby="caption-attachment-84558" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="wp-image-84558 size-full" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-Slowest-Transactions.jpg" alt="WooCommerce APM - list of the slowest transactions" width="1100" height="527" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-Slowest-Transactions.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-Slowest-Transactions-300x144.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-Slowest-Transactions-1024x491.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-Slowest-Transactions-768x368.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84558" class="wp-caption-text">A list of the slowest transactions in Kinsta APM</figcaption></figure> <p>You can see that requests to the <strong>/single-product</strong> URL took up the most time. On a WooCommerce site, this endpoint refers to any product page.</p> <p>Click the <strong>/single-product</strong> transaction to get curated samples of its slowest transactions.</p> <figure id="attachment_84563" aria-describedby="caption-attachment-84563" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84563" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slowest-Transactions-Samples.jpg" alt="Transaction samples of the slowest transaction" width="1100" height="534" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slowest-Transactions-Samples.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slowest-Transactions-Samples-300x146.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slowest-Transactions-Samples-1024x497.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slowest-Transactions-Samples-768x373.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84563" class="wp-caption-text">Transaction samples of the slowest transaction</figcaption></figure> <p>Here, look into the slowest transaction sample as its duration is <strong>5,535.14 ms</strong> (or 5+ seconds). It’s way above the expected response time. Let’s click this transaction sample to dig deeper into it.</p> <figure id="attachment_84568" aria-describedby="caption-attachment-84568" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84568" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Transaction-Sample-Trace-Timeline.jpg" alt="Transaction sample details in Kinsta APM" width="1100" height="759" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Transaction-Sample-Trace-Timeline.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Transaction-Sample-Trace-Timeline-300x207.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Transaction-Sample-Trace-Timeline-1024x707.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Transaction-Sample-Trace-Timeline-768x530.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84568" class="wp-caption-text">Transaction sample details in Kinsta APM</figcaption></figure> <p>You’ll now see this sample’s <strong>Transaction trace timeline</strong>. It’ll list time-stamped details of all the processes that occurred in this transaction.</p> <p>Scroll down through the timeline to find the slowest spans.</p> <figure id="attachment_84565" aria-describedby="caption-attachment-84565" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84565" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slow-Payment-API.jpg" alt="Finding the slowest spans in the transaction trace timeline" width="1100" height="593" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slow-Payment-API.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slow-Payment-API-300x162.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slow-Payment-API-1024x552.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Slow-Payment-API-768x414.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84565" class="wp-caption-text">Finding the slowest spans in the transaction trace timeline</figcaption></figure> <p>Kinsta APM highlights spans that need your utmost attention with the red color.</p> <p>Here, the spans are <strong>slow.payment-api.com</strong> and <strong>update_card_payment</strong>. Click on both the spans to see a detailed overview of them with a full stack trace and other related information.</p> <figure id="attachment_84569" aria-describedby="caption-attachment-84569" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84569" src="https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce.jpg" alt="‘Span details’ and ‘Stack trace’ in Kinsta APM" width="1100" height="891" srcset="https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce-300x243.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce-1024x829.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce-768x622.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84569" class="wp-caption-text">‘Span details’ and ‘Stack trace’ in Kinsta APM</figcaption></figure> <p>By looking at the <strong>Span details</strong> section, you can infer that it’s an external <a href="https://kinsta.com/blog/make-fewer-http-requests/">HTTP request</a>.</p> <div class="in-post-container"> <dialog id="newsletter" class="dialog dialog has-dark-blue-background-color email-modal" aria-hidden="true"> <div class="dialog__content"> <h2 class="heading--large text--center color--white mb--30"> Sign Up For the Newsletter </h2> <kinsta-form show-name="false" show-phone="false" show-website="false" show-company="false" show-disk-space="false" show-monthly-visits="false" show-number-of-websites="false" show-message="false" submit-button-text="Sign Up Now" submit-button-text-sending="Signing Up..." success-title="Thanks for subscribing!" success-message="Keep an eye out for our next newsletter." terms-template="newsletter" hubspot-source="subscribe_to_newsletter" submit-button-text-loading="Signing Up"></kinsta-form> </div> </dialog> <div class="box box--noshadow has-gray-background-color newsletter-cta"> <div class="newsletter-cta__content"> <h3 class="heading" style="font-size: 2rem;">Want to know how we increased our traffic over 1000%?</h3> <p class="mt--10 mb--20"> Join 20,000+ others who get our weekly newsletter with insider WordPress tips! </p> </div> <a href="#newsletter" data-dialog-src="#newsletter" class="button button--purple newsletter-cta__button"> Subscribe Now </a> </div> </div> <p>The <strong>Stack trace</strong> section helps you identify all the processes involved in making this HTTP request. Here, we can see that <strong>WC_Form_Handler::add_to_cart_action</strong> is engaged. Further up, we see that it also involves a non-core WordPress script called <strong>payment-api.php</strong>.</p> <p>Note these down as evidence. However, there’s one more span we have to investigate.</p> <p>Let’s see the details about it.</p> <figure id="attachment_84570" aria-describedby="caption-attachment-84570" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84570" src="https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce-2.jpg" alt="‘Span details’ for a PHP script run by a plugin" width="1100" height="745" srcset="https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce-2.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce-2-300x203.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce-2-1024x694.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Slow-Payment-API-Kinsta-APM-WooCommerce-2-768x520.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84570" class="wp-caption-text">‘Span details’ for a PHP script run by a plugin</figcaption></figure> <p>Kinsta APM shines the most here. It digs into all the processes related to this span, and then it gives some context to it. You can see that it’s a PHP script/function named <strong>update_card_payment</strong> inside the <strong>payment-api</strong> plugin.</p> <p>You’ve bagged enough evidence now to make a sound judgment about where to begin your troubleshooting process.</p> <p>I’d follow this diagnosis by looking into the <strong>payment-api</strong> plugin, specifically for a PHP script or function called <strong>update_card_payment</strong>.</p> <p>If you or your staff don’t have the technical expertise to fix these issues, you can <a href="https://kinsta.com/blog/hire-wordpress-developer/">hire a WordPress developer</a> to look into them.</p> <p>Next, I’d contact the plugin author to look into their payment API, as it’s responding super slow. Kinsta APM can nudge you in the right direction to identify the root cause of a performance issue quickly. What you do with this knowledge is up to you!</p> <aside role="note" class="wp-block-kinsta-notice is-style-info"> <h3>Info</h3> <p>In most cases, fixing performance-related issues identified by the Kinsta APM tool falls out of <a href="https://kinsta.com/help/scope-of-support/">our support scope</a>. If you require additional help with optimizing your WordPress site, we recommend reaching out to one of our <a href="https://kinsta.com/partners/">partners</a>.</p> </aside> <h3>2. WooCommerce APM Example: Slow WooCommerce Admin Dashboard</h3> <p>An online store’s backend performance is just as crucial as its frontend performance. While a <a href="https://kinsta.com/blog/speed-up-woocommerce/#optimizing-woocommerce-admin-panel">slow WooCommerce admin dashboard</a> can negatively impact your productivity, a faster backend can increase your efficiency in managing everyday tasks and how quickly you respond to customer orders.</p> <p>Having an efficient WooCommerce dashboard also enables you to do more essential things for your <a href="https://kinsta.com/learn/woocommerce-guide/">online store’s success</a>, like digital marketing.</p> <figure id="attachment_84573" aria-describedby="caption-attachment-84573" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84573" src="https://kinsta.com/wp-content/uploads/2020/12/WooCommerce-4.0-Updated-Dashboard.png" alt="WooCommerce 4.0 introduced a streamlined dashboard for easy store management" width="1100" height="662" srcset="https://kinsta.com/wp-content/uploads/2020/12/WooCommerce-4.0-Updated-Dashboard.png 1100w, https://kinsta.com/wp-content/uploads/2020/12/WooCommerce-4.0-Updated-Dashboard-300x181.png 300w, https://kinsta.com/wp-content/uploads/2020/12/WooCommerce-4.0-Updated-Dashboard-1024x616.png 1024w, https://kinsta.com/wp-content/uploads/2020/12/WooCommerce-4.0-Updated-Dashboard-768x462.png 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84573" class="wp-caption-text">WooCommerce 4.0 introduced a streamlined dashboard</figcaption></figure> <p>Ideally, <a href="https://kinsta.com/blog/speed-up-woocommerce/#frontend-optimizations-first-backend-optimizations-second">backend optimizations start with frontend optimizations</a>, as in most cases speeding up the frontend fixes performance issues on the backend too. With Kinsta APM, you no longer have to rely on guesswork such as this. You’ll get to see the exact performance data for the entire site, helping you fix any performance issue.</p> <p>In this example, the admin dashboard is sluggish for the admin and store managers. That’s not ideal for taking care of the online store’s daily operations.</p> <p>Let’s fire up Kinsta APM to see what’s the issue.</p> <p>After enabling Kinsta APM, I waited over 15 minutes before digging into the performance data. While waiting for that, I went about using the WooCommerce backend as usual.</p> <figure id="attachment_84547" aria-describedby="caption-attachment-84547" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="wp-image-84547 size-full" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Diagnosis.jpg" alt="WooCommerce APM - Fix performance issues with Kinsta APM" width="1100" height="659" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Diagnosis.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Diagnosis-300x180.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Diagnosis-1024x613.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Diagnosis-768x460.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84547" class="wp-caption-text">Performance metrics in Kinsta APM’s main dashboard screen</figcaption></figure> <p>The <strong>Overall transaction time </strong>chart indicates that PHP processes take up the most time, followed by external calls.</p> <p>Looking at the <strong>Slowest transactions</strong> table will give us a better idea of which requests are taking up most of the time.</p> <figure id="attachment_84549" aria-describedby="caption-attachment-84549" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84549" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Slowest-Transactions.jpg" alt="Finding the slowest transactions in Kinsta APM" width="1100" height="659" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Slowest-Transactions.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Slowest-Transactions-300x180.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Slowest-Transactions-1024x613.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Slowest-Transactions-768x460.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84549" class="wp-caption-text">Finding the slowest transactions in Kinsta APM</figcaption></figure> <p>From the chart above, it’s clear that two transactions hog most of the time: <strong>/wp-admin/admin-ajax.php</strong> and <strong>/wp-admin</strong>.</p> <div class="in-post-container"> <div id="simple-promo"> <div class="mb--20 mt--0 heading--normal"> <p>Need a hosting solution that gives you a competitive edge? Kinsta’s got you covered with incredible speed, state-of-the-art security, and auto-scaling. <a onclick="gtag('event', 'click', {'event_category': 'blog-article', 'event_label': 'blog-inarticle-minimaltext'})" href="https://kinsta.com/plans/?in-article-cta">Check out our plans</a></p> </div> </div> </div> <p><a href="https://kinsta.com/blog/admin-ajax-php/">High Admin-Ajax usage</a> is one of the most common performance issues faced by WordPress site owners. Let’s investigate this transaction further.</p> <figure id="attachment_84548" aria-describedby="caption-attachment-84548" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84548" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-High-Admin-Ajax-Usage.jpg" alt="Transaction samples for admin-ajax.php requests" width="1100" height="507" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-High-Admin-Ajax-Usage.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-High-Admin-Ajax-Usage-300x138.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-High-Admin-Ajax-Usage-1024x472.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-High-Admin-Ajax-Usage-768x354.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84548" class="wp-caption-text">Transaction samples for admin-ajax.php requests</figcaption></figure> <p>All the <strong>admin-ajax.php</strong> transaction samples have almost the same duration. A transaction duration of more than 10 seconds is abnormally high.</p> <p>Let’s check out its slowest sample.</p> <figure id="attachment_84545" aria-describedby="caption-attachment-84545" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84545" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Sample.jpg" alt="The slowest transaction sample for admin-ajax.php" width="1100" height="759" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Sample.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Sample-300x207.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Sample-1024x707.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Sample-768x530.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84545" class="wp-caption-text">The slowest transaction sample for the admin-ajax.php request</figcaption></figure> <p>Scroll down through the <strong>Transaction trace timeline</strong> to find the spans of interest. In most cases, Kinsta APM will highlight them.</p> <p>However, that’s not always the case, like in this one:</p> <figure id="attachment_84546" aria-describedby="caption-attachment-84546" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84546" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Spans.jpg" alt="Finding the slowest spans in the transaction trace timeline" width="1100" height="500" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Spans.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Spans-300x136.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Spans-1024x465.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Ajax-Slowest-Transaction-Spans-768x349.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84546" class="wp-caption-text">Finding the slowest spans in the transaction trace timeline</figcaption></figure> <p>You can observe two spans with unusually high duration: <strong>snail_admin_refresh</strong> PHP process and <strong>suspicious-link.com GET</strong> external HTTP request.</p> <figure id="attachment_84550" aria-describedby="caption-attachment-84550" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84550" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice.jpg" alt="Examining the slowest span’s details in Kinsta APM" width="1100" height="514" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice-300x140.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice-1024x478.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice-768x359.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84550" class="wp-caption-text">Examining the slowest span’s details in Kinsta APM</figcaption></figure> <p>Checking the span details will point you towards the plugin running this PHP process. Here, it’s a plugin called <strong>snail-admin-refresh-notice</strong>. I wrote it to output a hideous notification in the WordPress dashboard, just like <a href="https://www.matteoduo.com/upselling-advertising-crossselling-wordpress-org-dashboard/">some popular WordPress plugins</a>.</p> <figure id="attachment_84551" aria-describedby="caption-attachment-84551" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84551" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice-HTTP.jpg" alt="Inspecting the stack trace on another slow span" width="1100" height="706" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice-HTTP.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice-HTTP-300x193.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice-HTTP-1024x657.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Admin-Snail-Admin-Refresh-Notice-HTTP-768x493.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84551" class="wp-caption-text">Inspecting the stack trace on another slow span</figcaption></figure> <p>Looking at the <strong>Stack trace </strong>of the <strong>suspicious-link.com GET</strong> span, you can spot that it’s related to the same plugin.</p> <figure id="attachment_84566" aria-describedby="caption-attachment-84566" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="wp-image-84566 size-full" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Snail-Admin-Refresh-Notice.jpg" alt="An annoying WordPress notice example" width="1100" height="586" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Snail-Admin-Refresh-Notice.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Snail-Admin-Refresh-Notice-300x160.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Snail-Admin-Refresh-Notice-1024x546.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Snail-Admin-Refresh-Notice-768x409.jpg 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84566" class="wp-caption-text">The annoying WordPress admin notice</figcaption></figure> <p>Here, the cause of the slowdown is literally in the face. However, that’s not always the case. If multiple users are using the WooCommerce dashboard simultaneously, they can tax the server’s resources even more. It may even render the dashboard inaccessible for some users.</p> <p>By helping you identify the root cause of any performance issue quickly, Kinsta APM enables you to keep your WooCommerce dashboard performing at its best, always!</p> <h3>3. WooCommerce APM Example: Slow Shop and Product Pages</h3> <p>Users can’t wait for slow pages to load, especially when it’s a shop or product page. According to <a href="https://www.thinkwithgoogle.com/intl/en-aunz/marketing-strategies/app-and-mobile/mobile-page-speed-load-time/">Google’s usability study</a>, users abandon a page when it takes longer than 2.5 seconds to respond.</p> <figure id="attachment_84572" aria-describedby="caption-attachment-84572" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84572" src="https://kinsta.com/wp-content/uploads/2020/12/The-Test-WooCommerce-Site-Product-Page.png" alt="One of the product pages in the test WooCommerce site" width="1100" height="767" srcset="https://kinsta.com/wp-content/uploads/2020/12/The-Test-WooCommerce-Site-Product-Page.png 1100w, https://kinsta.com/wp-content/uploads/2020/12/The-Test-WooCommerce-Site-Product-Page-300x209.png 300w, https://kinsta.com/wp-content/uploads/2020/12/The-Test-WooCommerce-Site-Product-Page-1024x714.png 1024w, https://kinsta.com/wp-content/uploads/2020/12/The-Test-WooCommerce-Site-Product-Page-768x536.png 768w" sizes="(max-width: 1100px) 100vw, 1100px"><figcaption id="caption-attachment-84572" class="wp-caption-text">One of the product pages in the test WooCommerce site</figcaption></figure> <p>There could be many reasons a WooCommerce shop or product page is loading slowly:</p> <ul> <li>The shop page may have too many products loading at once.</li> <li>The product page’s size may be large because of unoptimized images, scripts, third-party requests, etc.</li> <li>The shop or product page may load a lot of uncacheable dynamic content on each request’s page.</li> <li>A plugin or the theme may insert custom scripts on every product page to enable extra functionality (e.g. social share counters, related products).</li> </ul> <p>In this example, we’ll be diagnosing slow product pages on our test WooCommerce site. They’re taking an unusually long time to respond, which usually is disastrous for conversion rates.</p> <p>Let’s enable Kinsta APM and try loading some product pages.</p> <p>I’ll test them for at least 5 minutes before seeing what’s up with the site’s performance metrics.</p> <figure id="attachment_84555" aria-describedby="caption-attachment-84555" style="width: 1100px" class="wp-caption aligncenter"><img loading="lazy" class="size-full wp-image-84555" src="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-MySQL-Increase.jpg" alt="Notice the sharp increase in MySQL related transaction time " width="1100" height="656" srcset="https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-MySQL-Increase.jpg 1100w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-MySQL-Increase-300x179.jpg 300w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-MySQL-Increase-1024x611.jpg 1024w, https://kinsta.com/wp-content/uploads/2020/12/Kinsta-APM-WooCommerce-Product-Page-MySQL-Increase-768x458.jpg 768w" sizes="(max-width: