Speed Optimizer Magepow Extension

1. Prepare your Magento

1. It is recommended to install the extension on a test server before you install it in a live store.
2. Backup Magento files and the store database. Important: Creating backup before installation of any extensions in Magento is extremely important, especially when are working on a live store.
3. Disable Compilation Mode in System > Tools > Compilation.
4. Disable:
   • Magento Cache (refer to II.1.2 Disable Cache For Details).
   • Full page cache and caching module for Magento (such as Speedster).
   • Any Additional cache on your server, PHP cache engines, APC, etc... 
     Important: When developing your Magento store, in order to be able to see changes immediately, you should completely disable the cache. You can enable it after you finish configuring your store.
   • Remove all possible custom modifications of the Magento “base” theme. "Alomagicproduct" (same as any Magento theme) relieson “base” theme, so any modifications of the “base” theme can change the default behavior of alomagicproduct and break some functionality. You should never edit “base” theme's files.
   • Log out from Magento admin panel. Do not just close the browser window: you need to click Log Out link to refresh the access control system.

2. Install

1. General Configuration

Enable/Disable module

To Enable/DisableMagepow Speed Optimizer Extension: Go to Admin Panel > Stores > Settings > Configuration > Magepow > Speed Optimizer. Then, select Yes to Enable module/ No to Disable the module.

General Configuration

• Preloading Body: Set Yes to use Preloading body site. If not, set No.
• Loading Body placeholder: Upload icon/image to placeholder when loaing wesbite body. After set yes and upload icon/image.

• Preloading Images: Set Yes to use preloading images.
• Exclude Image class: Enter the class of images that you don't want to be applied lazy load such as top banner, header...
• Loading Image placehoder: Upload the icon/image to display preloading images. For example, after set Preloading Images to Yes and Upload Icon/Image, we will have:

• Placeholder images: Set Yes to create placeholder for all loading images. This case will help you keep the website layout (frame) while the images have not loaded completely.
• Regex Block: Enter the place that you want to use lazy load from that place to footer by using id or class of block. For example, this will be good for people want to keep the first content such as slider, header... not effected by Lazy load.
• Lazyload Images Response Ajax: Set Yes to apply Lazy load for Response Ajax. If not, set No.
• Minify Html: Set Yes to minify HTML files and Javascript files.
• Defer Javascripts: Move JavaScript to page bottom, a script that will not run until after the page has loaded.
• Scripts and Style Sheets: This field is for who want to customize the lazy load, use particular scripts or style.
• After config you need login ssh after go to root magento and run 10 commands line below:

		php bin/magento deploy:mode:set production
		php bin/magento config:set dev/css/minify_files 1
		php bin/magento config:set dev/css/merge_css_files 1
		php bin/magento config:set dev/js/minify_files 1
		php bin/magento config:set dev/js/merge_files 0
		php bin/magento config:set dev/js/enable_js_bundling 1
		rm -rf pub/static/frontend/* && rm -rf var/view_preprocessed
		php bin/magento setup:static-content:deploy -f
		php bin/magento cache:enable
		php bin/magento cache:flush
	

2. Result

Results after using Speed Optimizer Extension

1.1 Speed Test on gtmetrix.com

2.2 Speed Test on Google PageSpeed Insights

1. Support

- Ticket Support: http://alothemes.com/ticket. If you have found any bugs or have some other problems with this extension. If the problem is not covered there, you can contact us via support center. We will respond as soon as possible (within 24 – 48 hours, usually much faster).

2. Contact

- Support Email: support@alothemes.com

- Contact Sales: contact@alothemes.com