User Guide For CS Cart Speculation Rules

CS-Cart Speculation Rules Optimizer boosts store speed by preloading or prefetching. It offers flexible loading modes — pre-fetch, pre-render, or both — to suit your store’s traffic patterns.

Using Google’s Speculation Rules API, it delivers faster, smoother navigation and
reduces bounce rates.

Ideal for any CS-Cart or Multi-Vendor store aiming to improve user experience and drive more sales.

• Well-integrated with CS-Cart and Multi-Vendor.
• Predicts customer navigation paths using the Speculation Rules API.
• Automatically prefetches and prerenders pages to boost performance.
• Offers flexible loading modes — prefetch, prerender, or both — to suit your store’s traffic patterns.
• Reduces load time and enhances overall site responsiveness.
• Excludes sensitive pages like cart, checkout, and user profile from preloading.
• Includes built-in debug logs for easy tracking and testing of page behavior.
  

After downloading the CS-Cart Speculation Rules add-on, you’ll get one zip file, one install.txt file, and a relevant User Guide manual doc. Read it carefully for proper configuration.

Go to Manage Add-ons, and click on “Manual Installation” as shown below in the snapshot.

Click on “Local” to browse the zip file, and then click on “Upload & Install” as shown below in the snapshot.

After installing the add-on, you will find CS-Cart Speculation Rules in the list of available add-ons.

Click on “Settings” to enable, disable, install, or refresh. Ensure you activate the add-on, as shown in the snapshot below.

Module Configuration | Admin

To configure the module, go to the Add-Ons >> Developers >> Webkul Software Pvt Ltd. >> Speculation Rules >> Settings, as shown in the snapshot below.

In the General configuration section, the admin must enter the necessary details to configure and activate the speculation rules feature. The required fields include:

• Prerender/Prefetch Links On Hover – Choose Prerender (full page load) or Prefetch (resources only).
• Urls Matches – Define URL patterns (e.g., /* for all pages).
• Ignore URLs – Exclude sensitive pages like checkout or logout.
• Ignore URL Params – Skip specific query parameters.
• Eagerness – Set how aggressively pages are preloaded (e.g., Moderate).
• Debug Mode – Enable for troubleshooting.

CS-Cart Speculation Rules || Frontend

The Speculation Rules API preloads pages in the background, allowing customers to enjoy faster navigation across the storefront.

Developers can verify Speculation Rules in Chrome DevTools under Application > Speculative Loads.
As shown, URLs set for prerendering appear with their status.

Smooth Navigation on Category Pages

With Speculation Rules enabled, pages like this Cell Phones category load faster as the next likely pages (such as product detail pages) are preloaded in the background.

This reduces wait time and enhances the shopping experience.

Faster Transition from Category to Product

Speculation Rules preloads high-probability product pages, ensuring smooth navigation and zero waiting time when users open details like this iPhone 5c.

That’s all for the add-on, still, have any issues, feel free to write here http://webkul.uvdesk.com  and let us know your views to make the module better.

Please explore our cs-cart Development Services and Quality cs-cart add-ons.