JavaPro

Remove render blocking JavaScript for faster page loads.

Benefits for Merchants and Visitors

Improved visitor experience with faster above the fold page render.

Installation

1. Upload module via module manager and install
2. Default installation settings
   • A/B testing is enabled associated to your IP address. The module will only output changes to this IP address, other visitors will see your shop normally.
   • Automatic preload when attribute none is enabled. JavaPro will a preload to header removing render blocking.

Configuration:

1. Visit the front office from same IP defined in Settings-->A/B testing
2. Navigate your shop pages index/category/product/checkout/design pages etc.
3. JavaPro-->Dashboard-->Refresh to see list of registered JavaScript files

Recommended Configuration

• Position Bottom
• Attribute none

When Attribute 'none' JavaPro will automatically add a preload to your page header, which removes render blocking of the JavaScript file

Advanced User Configuration Options

Position: Top | Bottom  change position

Attributes: Async | Defer | None  change attribute

Dashboard Overview

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