A slow-loading storefront can negatively impact conversion rates, bounce rates, and overall customer experience. In Pulse Commerce, slow performance is most commonly caused by oversized product images, unoptimized assets, or heavy custom HTML. This article explains the most common causes of slow page load times and how to fix them.
Why Image Optimization Matters
When product images are too large (e.g., 2–10 MB each), browsers take significantly longer to load category pages, search results, home page sliders, and product pages. Pulse Commerce uses three image sizes for optimal performance:
- Small (thumbnail): Used on category pages and product lists
- Medium: Used on product detail pages
- Large: Used for zoom or full-size viewing
Uploading correctly sized images ensures minimal bandwidth usage and fast page rendering.
How to Fix Slow Page Loads Caused by Images
To improve storefront speed, verify that you have uploaded properly sized images for each product and assigned them in the Product Editor.
- Go to Products > Product Catalog in your Pulse Commerce admin panel.
- Locate the product you want to update and click Edit.
- Review the Images section and confirm that:
- Thumbnail images are small (e.g., 100–200px)
- Medium images are appropriately sized for product pages (e.g., 400–800px)
- Large images are not excessively large (under 1 MB is recommended)
- Click Browse to upload optimized images from your computer.
- Select the appropriate file and click Select to assign it to the product.
- Click Update to save your changes.
- Use JPG or optimized PNG files instead of high-resolution TIFF or BMP.
- Keep thumbnail images under 50 KB.
- Keep medium images under 150–300 KB.
- Keep large zoom images under 500 KB–1 MB.
- Use free compression tools like TinyPNG or Squoosh.
- Avoid uploading the original camera photo (usually several MB in size).
Although images are the most common cause, other areas can also influence load speed:
- Custom HTML or embedded scripts added to headers or footers
- External widgets (chat tools, tracking pixels, marketing tags)
- Large carousels or sliders with many high-resolution images
- Unnecessary JavaScript libraries added to Custom Pages
- Overuse of iframes or embedded third-party content
After optimizing images, test your storefront using third-party speed tools:
These tools help identify remaining issues such as slow scripts, render-blocking assets, or oversized images.
Best Practices for a Faster Storefront
- Always optimize images before uploading.
- Limit large sliders or carousels on the home page.
- Minimize or remove third-party scripts not actively used.
- Use relative URLs for images to reduce mixed content issues.
- Keep custom HTML clean and avoid inline base64 images.
- Periodically audit storefront performance using Google PageSpeed.
Consistently optimizing images and removing unnecessary scripts ensures a fast, responsive storefront and a better customer experience across all devices.