---
title: "Improving the Performance of Your Widget"
slug: "improving-the-performance-of-your-widget"
tags: ["Reviews ", "Shopify Plus", "Shopify", "Adobe Commerce (Magento)", "BigCommerce", "WooCommerce", "Volusion", "Custom", "Salesforce Commerce Cloud"]
updated: 2024-04-01T22:36:38Z
published: 2024-04-01T22:36:38Z
canonical: "support.yotpo.com/improving-the-performance-of-your-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://support.yotpo.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Improving the Performance of Your Reviews Widget (Legacy)

Products

			
				
					
						  

					
					Reviews
		
			

				

###### Supported plans

				

Free, Starter, Pro, Premium, Enterprise

			
			

				

###### eCommerce Platform

				

Shopify, Shopify Plus, Adobe Commerce (Magento), BigCommerce, WooCommerce, Volusion, Salesforce Commerce Cloud, Custom

			

The Reviews Widget showcases customer reviews on your store. It is made up of 2 code snippets - a script to load the widget application code, and widget HTML to display the widget itself. Learn more about the [Reviews Widget](/v1/docs/adding-the-reviews-widgetadding-the-reviews-widget-30)

This article explains how you can test and improve the performance of your Reviews Widget.

## About performance

To ensure your Reviews Widget has the best possible performance, we removed all unused JavaScript and CSS, implemented an efficient caching policy, enabled text compression, and more.

**What you can do**

Make sure you’re getting the benefit of these measures by verifying you’re using the [latest version of the Reviews Widget](/v1/docs/adding-the-reviews-widget-30).

## Testing performance

If you suspect the Reviews Widget is affecting the speed of your site, we recommend you start with a performance test.

	
	Tip:
	You might be familiar with web page auditing tools such as Google Lighthouse. While these are great for testing the performance of your web pages, we recommend you test the widget in isolation using a JavaScript playground tool such as JS Bin.

To test the performance of your widget:

### Step 1: Paste your code into JS Bin

1. Open [JS Bin](https://jsbin.com/?html,output).
2. On the top bar, select **JavaScript**.
3. Copy and paste your widget code into the panel.
		
			JavaScriptJavaScript
			 
		
			

```javascript
<!DOCTYPE html>
<html>
<head>
  <meta charset=“utf-8”>
  <meta name=“viewport” content=“width=device-width”>
  <title>JS Bin</title>
  <script async
src=“//staticw2.yotpo.com//widget.js/" />
</head>
<body>

 <div class=“yotpo bottomLine”
  data-product-id=“<product_id>6701601685658>">
 </div> 
 <div class=“yotpo yotpo-main-widget”
  data-product-id=“<product_id>6701601685658">
 </div>
 
</body>
</html>
```
4. Replace <app_key> with your personal Yotpo app key. [How to find your app key](/v1/docs/finding-your-yotpo-app-key-and-secret-key)
5. Replace <product_id> with any product ID.

### Step 2: Run a Lighthouse Performance report on the widget

1. Right-click on the page and select **Inspect** (last option).
2. Click the **Lighthouse** tab.
3. Click **Run a report**.
4. Wait a few seconds as the report is generated.

If you have the CSS editor enabled, and are therefore using a previous widget version, the widget version that is tested will be the version you are showcasing on-site, based on your app key.

### Step 3: Check the new widget version performance

1. From your Yotpo Reviews main menu, go to [**On-Site Widgets**](https://reviews.yotpo.com/#/display-reviews/on-site-widgets).
2. Click the **Widget CSS Editor**.
3. From the **Preview the widgets** dropdown, select **Reviews Widget**.
4. Run a Lighthouse Performance report on the widget.

## FAQ

**Where can I find a product ID to insert in the code snippet?**

	

	

1. Navigate to a product page that is loading our main Reviews Widget.
2. Right-click on the page and select **Inspect** (last option)
3. Navigate to the network tab. This will show all the resources that you’re loading on a given page.
4. Type **Yotpo** in the search bar and refresh the page.
5. Click the main widget file and navigate to the payload tab.
6. In the method section, you’ll see “pid”, short for product ID, and a valid product ID you can use for this test.

## Related

- [Adding the Reviews Widget (Legacy)](/adding-the-reviews-widget-legacy.md)
- [Adding the Reviews Widget to Shopify](/adding-the-reviews-widget-to-shopify.md)