Magento - UI Optimization - Extension User Guide

1. Store Backup.

• Go to System > Tools > Backups.
• Backup your magento files by clicking on the button System Backup.
• Backup your database by clicking on the button Database Backup.

2. Log out of Admin.

3. Unpack the extension file downloaded from our site and upload the contents of the file to the root directory of your magento installation.

4. Log back in to Admin.

5. Clear Cache: Go to System > Cache Management. Click on the Flush Cache button to clear all cache.

6. If compilation is enabled, turn it off under System > Tools > Compilation.

• Go to System > Tools > Compilation.
• Click on the Disable button to disable compilation.
• You can switch it back on once you've installed the extension.

7. If you see a 404 error on your configuration page. Please log out of the admin and log back in.

• Enabled: Select Yes/No to Enable/Disable the extension respectively. This can be done at a store view level. This is particularly helpful when you have a mutli store setup and want the module to be enabled only on a few stores and disabled on the rest of the stores.

• Defer JS: Select Yes/No to Enable/Disable defer loading of Javascript respectively.
• Exclude Home: Select Yes to exlcude homepage from deferring JS. The Javascript on the homepage will not be placed at the bottom of the document. On the other hand, if you select No the Javascript on the homepage will be deferred by placing the Javascript at the bottom of the document.
• Exclude Controller: Click Add Match button to add a controller action from deferring Javascript. You can add one controller action on each row. The value should be entered in the format {module}_{controller}_{action}.
  Example: catalog_product_view(product page). In this case, the product page will not defer/place the Javascript at the bottom of the document.
• Exclude Path: Click Add Match button to add a path from deferring Javascript. The value here is basically the path of the URL excluding the base url itself. The path should be exactly what you see in the browser's address bar. If you don't use URL rewrites the general format of the path is {module}/{controller}/{action}/[params...].
  Example: If you have a URL for a category page as http://www.example.com/electronics.html and the base url of your store is http://www.example.com/ then, the path you need to enter is electronics.html.
  Similarly, the path for http://www.example.com/electronics/computers.html is electronics/computers.html.

• Minify Js: Select Yes/No to enable/disable minifying Javascript. Before you select Yes, you need to go to System > Configuration > Advanced > Developer and select Yes against Merge Javascript Files under Javascript Settings.
• Minify CSS: Select Yes/No to enable/disable minifying CSS. Before you select Yes, you need to go to System > Configuration > Advanced > Developer and select Yes against Merge CSS Files under CSS Settings.
• Minify HTML: Select Yes/No to enable/disable minfying HTML document before it is rendered to the browser.