Webstore optimization is very important for increasing the performance of websites. That’s why we have integrated store optimization for Magento 2.
The main purpose behind optimizing the store is to provide a better user experience. Especially if you are using Magento 2 platform for your webstore.
Magento is not a lightweight platform. So, without proper optimization of the website, it will be a headache for customers to use it because of the low loading speed.
Features
- The admin can enable image optimization and the file type will convert into .webp.
- .webp file format will improve product and category page performance by loading the images at a faster rate.
- Image responsive pixel functionality is available.
- The admin can enter a comma-separated list of responsive pixels.
- Defer loading functionality is available in this module.
- Makes website performance and rating better.
Installation
Customers will get a zip folder and they have to extract the contents of this zip folder on their system.
The extracted folder has an src folder, inside the src folder you have the app folder.
Now, they need to transfer this app folder into the Magento 2 root directory on the server as shown below.
After the successful installation, the users have to run the following commands on Magento2 root directory:
First command-“php bin/magento setup:upgrade”
Second command-“php bin/magento setup:di:compile”
Third command-“php bin/magento setup:static-content:deploy”
Forth command- composer require rosell-dk/webp-convert
Cache Management
Thus, after running the commands, they have to flush the cache from the Magento admin panel by navigating through->System->Cache management as shown below:
Language Translation
For module translation, navigate to the following path in your system app/code/Webkul/storeoptimization/i18n/en_US.csv.
Open the file named en_US.CSV for editing as shown in the below screenshot:
Then replace the words after the comma(,) on the right in the file with your translated words.
After editing and translating the CSV file, the users need to save the translated file name according to your region language and country code such as – de_DE.CSV.
Followed by uploading the translated file to the same folder from where the users have obtained it.
Thus, module language translation is completed.
Module Configuration
After installing the module, The admin can configure the module by navigating through Store> Configuration> Store Optimization Settings.
Image Optimization Settings
Under image optimization settings the admin can do the following:
- Enable Image Optimization: If you select ‘Yes’ to optimize the images then this module will automatically convert the file type of the image to .webp.
Similarly, if you select ‘No’ then the file name will not change to .webp.
- Enable Image Responsive Pixels: Select ‘Yes’ to make the image pixels responsive in nature. This means the images will adjust according to the screen size of mobile, desktop, and tablet.
- Enter Comma Separated List of Responsive Pixels: Here the admin can enter values for responsive pixels for example – 1, 2, 3. The value may vary according to different themes.
Defer Load JS Settings
Note: Defer loading means loading page content before javascript. It will increase performance.
Enable Defer Loading: If you select ‘Yes’ then the page content will load before running any external script and this will increase the performance.
The performance will get displayed only by running Audits.
If you select ‘No’ then the scripts will be included and because of that, the performance will get decreased.
That’s all about Store Optimization for Magento 2. For any further queries and suggestions, please raise a ticket at HelpDesk Support.