Welcome to PotatoCommerce - Top Quality Magento Extensions Store

Performance Optimization Tool for Magento 2

(v.1.0.2)

The only Magento 2 solution to optimize JS and CSS files. Improve your Google PageSpeed score with Performance Optimization Tool for Magento 2

  • Minify HTML, CSS and JS files
  • Defer parsing of JS and CSS
  • Merge CSS and Javascript
  • Merge image files
  • Lazy load images
  • Free and lifetime technical support
  • Free installation service
Also available for Magento 1.

The only solution to optimize JS and CSS files for Magento 2. Improve your Google PageSpeed score.

7 screenshots: click to zoom
  • The only solution to optimize JS and CSS files in Magento 2. Improve your Google PageSpeed score.
  • The only solution to optimize JS and CSS files in Magento 2. Improve your Google PageSpeed score.
  • The only solution to optimize JS and CSS files in Magento 2. Improve your Google PageSpeed score.
  • The only solution to optimize JS and CSS files in Magento 2. Improve your Google PageSpeed score.
  • The only solution to optimize JS and CSS files in Magento 2. Improve your Google PageSpeed score.
  • The only solution to optimize JS and CSS files in Magento 2. Improve your Google PageSpeed score.
  • The only solution to optimize JS and CSS files in Magento 2. Improve your Google PageSpeed score.
$199.00

* Required Fields

$199.00
  • 30 day money back guarantee
  • Lifetime free updates
  • Lifetime free bugfixes
  • Quick and professional support
Description

How to speed up Magento 2 store in just one step?
It’s possible with the Performance Optimization Tool.
Install the extension and enjoy the result!



Slow sites are a pain point of each Magento merchant. They not only irritate your store visitors, but also impacts SERP position of your store. The slower the site is, the harder to compete with other websites in the search engine results.

A great number of recent studies reveal that the conversion rate sharply drops inversely proportional to the increase in page speed load time. As a results, the website has less Internet traffic which also does not get converted into sales.

Without any doubts, stores which are able to deliver their content faster without frictionless experiences will surely reap the benefits.

Dependance between conversion rate and website loading speed (kissmetrics)
47%

users want web pages to load in two seconds, or faster

40%

feel irritated or even leave the page if the page is loaded for more than 3 seconds

79%

of online shoppers admitted that they are unlikely to return to a slow online store

51%

of visitors noted that fast websites are more likely to increase their loyalty

16%

Customer satisfaction is decreased by this percentage value with each additional second of page load.

44%

44% of users share their experience of using websites with friends.

How to speed up a Magento 2 website?

Even if you are using Full Page Cache and Varnish on your store right now, it is enough for improving Magento 2 performance. Every split second helps win the battle with your store performance.

Let’s dig into some technical moments: by default, Magento 2 store makes more than 170 requests to javascript, fonts, stylesheets and image files to a server. Such a request consists of sending a request from browser to a server, request processing and delivering a server response from server to a browser Default Magento 2 installation has more than 70 javascript requests, not to mention Magento 2 store which has a custom theme and dozens of modules installed. Here is a short animated image to bring your attention.

This JS/CSS Compressor Magento 2 extension allows improving a store performance through optimization of JS, CSS and HTML content.


Javascript optimization in Magento 2

Native Magento 2 merging functionality is not working now as everybody expects. For example, on a Magento 2 store with a default Luna theme, only 3 basic JS files will be merged, however, approximately 120 javascript files of the theme and modules will be left without touch.

Performance Optimization Tool extension for Magento 2 will merge all the files which are used by a page and located on your server. Additionally, as a nice bonus, you will get loadable HTML files merged as well. Performance Optimization Tool extension for Magento 2 optimizes js files and therefore, speeds up your Magento 2 store.


javascript optimization in Magento 2

Defer parsing of Javascript in Magento 2

Google PageSpeed service recommends loading of JS files to be deferred till the end of a page rendering and generally, not all the scripts are needed to render a web page correctly. Thus, our Performance Optimization Tool for Magento 2 allows moving JS files to the end of the HTML body. In other words, it fixes render-blocking issue.

Merge of Javascript in Magento 2

This is not a secret that merging of JS files will definitely reduce the number of requests to a server. Besides, these merged files can also be cached by a browser, which surely stops a browser from loading one file several times.
Performance Optimization Tool for Magento 2 from PotatoCommerce merges not only JS files, but also inline scripts.

Javascript compression (minify) in Magento 2.

This compressor tool allows minifying JS files which means that all space symbols, line breaks, tabulation and comments will be eliminated, as a browser does not need them to recognize the code. The compressed file will obviously have a smaller size and load faster.

Other features

CSS optimization in Magento 2

Besides JS files, Performance Optimization Tool for Magento 2 supports merging and minification functionality for stylesheets, inline small CSS and provides Defer parsing of CSS as well. However, we’d not recommend to use Defer parsing of CSS, as practice shows that it may affect user experience negatively.


Exclude specific scripts and stylesheets

Our Performance Optimization Tool for M2 allows excluding necessary scripts and stylesheets from compression if needed. Some files, for example, like Google Analytics scripts may be processed improperly when merged or moved to the end of the page. More information can be found in the user guide.


Merge of image files

One of the most amazing features which will definitely attract your attention even more is merging of image files. It allows reducing the number of requests to one request which results in dramatically decreased number of all requests to a server.


Lazy load images in Magento 2

The Lazy Load technology provides the possibility to hold over image loading till a user scrolls to a certain image on a page. You know that it is impossible to images a store without images, and sometimes more than 50 % of the page content are images, that’s why Lazy Load works better for long webpages, for example, such as Magento 2 category pages.


Image Optimization

Performance Optimization Tool for Magento 2 is compatible and work properly with our Image Optimizer M2 extension which significantly reduces the size of JPG, PNG and GIF image files. This image compression extension is a very reliable solution which can work in both automatic and manual mode and, besides, provides log files and backups. Moreover, we offer 15% discount for those customers who will purchase both extensions in a bulk. The discount will be applied to the cart automatically.

Performance results

Dependance between conversion rate and website loading speed

Performance report for Magento 2 default theme (‘Luma’)

As you can see from the image above, page load and size are almost halved, and the number of request get in 10 times lower. More performance results to come!

Sales and Support policy


Extension code is not encrypted and does require any license keys. That’s why we don’t offer trial periods. However, we offer 30 day money back guarantee. Technical support is free and lifetime. Extension updates are free and lifetime. See EULA and Customer Service pages for more info.

Why choose PotatoCommerce headline
Why choose Potatocommerce left
Why choose Potatocommerce right
0 Review

Write Your Own Review

Only registered users can write reviews. Please, log in or register

Documentation

Compatibility

Magento CE1.5.*, 1.6.*, 1.7.*, 1.8.*, 1.9.0.0 - 1.9.2.4, 1.9.3*, 2.1.x, 2.2.x
Magento EE1.11.*, 1.12.*, 1.13.*, 1.14.0.0 - 1.14.2.4, 1.14.3.*, 2.1.x, 2.2.x
Compatible BrowsersChrome, Safari, Firefox, Opera, IE8+

Installation Steps

  1. Download the extension from the account on our store
  2. Extract the folder and copy it to the root directory of Magento 2 store
  3. Specify the path in the command line:
    php /bin/magento setup:upgrade
  4. If you use Magento 2.1.х, then it is required to restart Magento compile command by using:
    php /bin/magento setup:static-content:deploy
  5. Make sure cron is installed and configured correctly. Cron setup guide can be found here.

FAQ

How do I exclude specific scripts or css files from being deferred, compressed and minified?

To add an exception just add "data-po-cmp-ignore" attribute this way: <script type="text/javascript" data-po-cmp-ignore>. It will force Compressor to ignore this script.
Example of excluding file that included in layout:


skin_js
js/smartheader.js
data-po-cmp-ignore


You can also use flags data-po-cmp-ignore-move, span class="codefont">data-po-cmp-ignore-merge and data-po-cmp-ignore-minify:
data-po-cmp-ignore-move ignores only merge and defer (it does not allow to move the node).
data-po-cmp-ignore-merge does not allow to merge files.
data-po-cmp-ignore-minify does not allow to compress content.

There is also a textarea added to the extension settings, which works the same was as data-po-cmp-ignore flag does - it does not allow to optimze nodes. Strings which are added to the textarea, are being searched within URLs of scripts/styles, or in content if the nodes are inline (<script>...</script>, <style>...</style>).

How can I test my store performance? Can I check that your extension actually works?

We recommend using GTMetrix service to test website performance.

Should I disable native Magento CSS and JS merge at System > Configuration > Developer?

Yes, we recommend to disable native CSS and JS merge. We don't expect any conflicts here, but native merge can slightly slow down the work of our extension. You can disable native merge of files at System > Configuration > Developer.

I need to edit a CSS/JS file. Which file should I edit - original file or merged and compessed file?

You need to edit original files at 'skin' folder. Do not forget to flush JS/CSS cache after all your changes of CSS files: System > Cache Management > 'Flush JavaScript/CSS Cache' button.
If you use our Full Page Cache extension, then you would need to flush cache of Full Page Cache extension as well.


Changelog

1.0.2 Released on 26 October 2017
+ Image merge improved
* fix some issues with CDN usage

 

1.0.1 Released on 06 October 2017
* di compile error fix

 

1.0.0 Released on 26 September 2017
Initial Release

 

We Recommend
Image Optimizer for Magento 2

Optimize images on your Magento 2 store automatically. Image Optimizer Magento 2 extension is an essential solution that compresses images and photos on your store.

Zendesk Connector for Magento 2
Two-way integration of Magento 2 store and Zendesk Support.

Widget in Zendesk sidebar

PDF Customizer for Magento 2

Create custom PDF templates easily! Convert your HTML code to PDF template.

Performance Monitoring for Magento 2

Keep an eye on your CPU and Memory load history.

Amazon CDN Synchronizer for Magento 2

CDN Synchronizer Magento 2 extension - Amazon S3 and Cloudfront Integration