Boost Performance Remove Render Blocking JavaScript

JavaPro allows PrestaShop administrators in optimizing their website’s performance by removing render-blocking JavaScript.

Compatibility:

• Tested on all 1.7 stable releases
• MultiShop Compliant
• All PrestaShop compliant Themes and Modules

Benefits for Merchants

• Enhance your visitors' experience by eliminating render-blocking JavaScript.
• Optimizing your core vitals can lead to increased performance, and consequently, optimize 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.

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, discontinue A/B testing and launch the site.
6. Set default attributes and loading position for newly discovered JavaScript that fits your current schema.