Overview

Remove render blocking by adding attribute preload for each of your JavaScript files.

Benefits for Merchants

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

Features

Dashboard

Configure PrestaShop JavaScript attributes 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.

JavaScript attribute configuration:  (for advanced users)

• 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.

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:

• 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:

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, disable A/B testing and make changes live.
6. Set default attributes and loading position for newly discovered JavaScript that fits your current schema.