Image Optimization for Fai Room

Introduction

The optimization is done using the plugin called EWWW Image Optimizer (EIO). Check out the plugin documentation and home page.

The GTmetrix tool is used to measure scores before and after the optimization.

Steps

1. Get the initial GTM scores.
2. Backup the system. In case the optimization has gone wrong, restore the system using this backup.
3. Settings in EIO:
   • Basic – tick Remove Metadata. Others are default values.
   • Easy Mode – use default values, i.e. untick all options.
   • Advanced – Add these lines to “Folders to Ignore”:
     • wp-content/themes/
     • wp-content/plugins/
   • Resize – tick Resize Detection. Others are default (unticked).
   • Go to Media -> Bulk Optimize. Carry out the bulk optimization.
4. Check the log output to make sure the include and exclude settings are effective.
5. Get the new GTM score.

Note: Switch the Library to the List Mode to get more details about the optimization. 

Results

1. Initial GTM scores

2. Based on backup version: Sep 25, 2020 1:16

3. EIO Settings done.

4. “Folders to Ignore” was effective. Only the images in Uploads folder were optimized.

5. GTM Scores after image optimization

Conclusion

The EIO has effect in improving the page response.

• PageSpeed Score increased by 7%.
• YSlow Score – no change.
• Fully Loaded Time – reduced by 0.7s or 50%.
• Page Size: reduced by 12%.
• Requests: no change.