Overview

PrestaHeroes' module optimizes performance, shortens page loading times and boosts user experience. Ideal for any online business needing advanced optimization, it lets PrestaShop admins manage individual JS files to reduce render blocking, with position attributes of Top/Bottom async/defer/none and 'preload' when Defer is selected. Optimizing webpages for faster load times and browser performance.

 

Video Overview

Benefits for Merchants

• Improve your visitors' experience by reducing render-blocking JavaScript.
• Enhancing core vitals yields amplified performance and correspondingly, optimized SEO.

Features

Dashboard

Configure PrestaShop JavaScript specifications like async, defer, and none, and specify the loading position at the top or bottom of the page. Alternatively, take advantage of our bulk update feature.

attributes:

• defer Specifies that the script is downloaded in parallel to parsing the page and executed only after the page has finished parsing
• async The script is downloaded in parallel to parsing the page, and executed as soon as it is available (before parsing completes)
• none The script is downloaded and executed immediately, blocking parsing until the script is completed

Load Position Options:

• Top:  .js discovered early (recommended)
• Bottom: PS default .js discovered late

Settings Tab

A/B Testing

Experiment with different JavaScript loading behaviors using A/B testing, and disable when proper configuration is found.

Email Alerts

When enabled will send email when new JavaScript discovered.

Default Settings Newly Discovered JavaScript

Define default Attribute and Load Position for newly discovered JavaScript.

Compatibility:

• Tested on all 1.7 8.x stable releases
• MultiShop Compliant
• PrestaShop compliant Themes and Modules

Installation

1. Shop Backoffice->Module Manager-->Upload a module-->upload JavaPro-->Configure
2. JavaPro's automated A/B testing simulator is enabled upon installation.
3. Navigate through every page of your store, such as the home page, categories, product detail pages, view cart, and checkout.
4. Click Refresh to view newly discovered JavaScript files in the Dashboard

Configuration:  (see video)

1. Visit your front office and navigate through all your shops different page types and cart processing. JavaPro records the .js registered to PrestaShop.
2. Use the refresh button to see newly identified .js files.
3. When no new .js files are being discovered you are ready to configure your JavaScript
4. Our research reveals that defer and load Top produce the most optimal outcomes.
5. Once ready, discontinue A/B testing and launch the site.
6. Set default attributes and loading position for newly discovered JavaScript that fits your current schema.