Site Speed Extensions

• Jquery Asynchronous Image Loader (JAIL)
• Magento Image Optimizer

Jquery Asynchronous Image Loader (JAIL)

Magento Jquery Asynchronous Image Loader Extension Installation/Set-up Guide

• Disable Compilation Mode: To check that this is disabled, go to System->Tools->Compilation. If the compiler status is ‘Disabled’, you are ready to go. If not, simply click the ‘Disable’ button on the right-hand side of the screen.
• Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added.
• Clear Caches: This can be done from the admin console by navigating to the cache management page (System->Cache Management), selecting all caches, clicking ‘refresh’ from the drop-down menu, and submitting the change. Log out and login back in Admin.
• Admin Configuration: Go to Admin ->System->Configuration->Scommerce Configuration -> Lazy Load Images -> General
  • Enable : Enable / Disable Module
  • License key : Enter License key provided by Scommerce Mage

Theme changes: If you are not using your custom theme then this module should work out of the box. But if you are using custom theme then follow the following steps -:

• Check if you have the following file in your custom theme folder
  • /app/design/frontend/default/<custom>/template/cate gory /list.phtml

If the above file does exist in your custom theme then copy the differences from the following file -:

• /app/design/frontend/default/base/template/category/list.phtml
• Clear Caches: Once you are done with everything above, clear the cache to get the changes reflect on your website.

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.

Magento Image Optimizer

Installation and User Guide for Magento 1 Image Optimizer

Table of Contents

1. Installation
   • Disable Compilation Mode
   • Upload Package
   • Clear Caches
2. Configuration Settings for Optimize Images
   • General Settings
   • Compress/Optimize Product Images
   • Compress/Optimize Category Images
   • Compress/Optimize CMS Images
   • Google Page Speed Test Result for Desktop
   • Google Page Speed Test Result for Mobile

Installation

• Disable Compilation Mode: To check that this is disabled, go to System >Tools > Compilation. If the compiler status is 'Disabled', you are ready to go. If not, simply click the 'Disable' button on the right hand side of the screen.
• Upload Package: Upload the content of the module to your root folder. This will not overwrite the existing Magento folder or files, only the new contents will be added.
• Clear Caches: This can be done from the admin console by navigating to the cache management page (System > Cache Management), selecting all caches, clicking 'refresh' from the drop-down menu, and submitting the change.

Configuration Settings for Optimize Images

Go to Admin > Stores > Configuration > Scommerce Configuration > Optimize Images

General Settings

• Enabled - Select "Yes" or "No" to enable or disable the module.
• License Key - Please add the license for the extension which is provided in the order confirmation email. Please note license keys are site URL specific. If you require license keys for dev/staging sites then please email us at support@scommerce-mage.com.
• Compress Product Images via cron - Enable Compression for Product Images via cron. This will compress all your existing product images and new images every 5 mins. We highly recommend leaving this on all the time because this will optimize and compress all the products images in the background.
• Compress Cached Product Images - This feature will further compress cached product images generated by Magento. We would recommend leaving this setting turned off especially when you clear your cached images frequently and you have more than 5 additional images on the product page. These cached images will be compressed and optimised as part of cron job.
• Compress New Product Images - Enable Compression for new product images as soon as they are uploaded via Magento admin. We recommend this to be enabled because all the new product images will be compressed straight away.
• Compress CMS Pages - Enable compression for CMS Images which you upload from Wysiwyg editor within Magento admin.
• Image Compression Provider - Select the compression provider from the list. These are three providers in the drop down: Resmush, ImageOptim and Kraken IO. Resmush is free and for the other two subscribe at their websites.
• Provider API URL - Provider API URL Smush it - http://api.resmush.it/ws.php?img= Imageoptim - http://im2.io/{{username}}/full/ Kraken - https://api.kraken.io/v1/url
• API Key - This will be required for certain providers like Kraken.io
• API Secret Key - This will be required for certain providers like Krake.io
• Thumbnail images size - Provide thumbnail sizes for your product images in a comma separated format for example 50x,56x56,75x. If you are not sure you can either check sizes under \media\cache\1\small_image folder or just simply save the configuration.
• Small image sizes - Provide small images for your product images in a comma separated format for example 135x,120x120,100x. If you are not sure then you can either check sizes under \media/cache/1/image folder or just simply save the configuration.
• Image sizes - Provide image sizes for your product images in a comma separated format for example 900x,988x988,750x. If you are not sure then you can either check sizes under \media\cache\1\image folder or just simply save the configuration.
• Override Cache Folder Sizes - This allows you to override default cache folder i.e. 9df78eab33525d08d6e5fb8d27136e95 either completely or by size. To replace completely just add the new cache folder name for example 040ec09b1e35df139433887a97daa66f and for size it will be delimited for example 135x|040ec09b1e35df139433887a97daa66f; 125x125|17f82f742ffe127f42dca9de82fb58b1
• Backup Images - Enable this feature to backup original images before compressing original file.
• Debugging - This will create optimizeImages.log file under var/log folder.

Compress/Optimize Product Images

You can compress product images by enabling module from Admin > Stores > Configuration > Optimize Images > Enabled - "Yes" > Compress Images while uploading - Select "Product".

Compress/Optimize Category Images

You can compress category images by enabling module from Admin > Stores > Configuration > Optimize Images > Enabled - "Yes" > Select "Category".

 

Compress/Optimize CMS Images

You can compress CMS images by enabling module from Admin > Stores > Configuration > Optimize Images > Enabled - "Yes" > Select "CMS".

Google Page Speed Test Result for Desktop

Google Page Speed Test Result for Mobile

If you have a question related to this extension please check out our FAQ Section first. If you can't find the answer you are looking for then please contact support@scommerce-mage.com.