Performance optimization checklist

Performance requirements

Agent Image websites must meet the following scores:

• https://pagespeed.web.dev/ : 50 (Mobile)
• https://pagespeed.web.dev/ : 80 (Desktop)
• https://gtmetrix.com/ : B+ (mobile and desktop)

Understand Pagespeed Insights metrics

Pagespeed Insights has six metrics that determines the score of the website. See https://googlechrome.github.io/lighthouse/scorecalc/ 

• First Contentful Paint 
• Largest Contentful Paint 
• Speed Index 
• Cumulative Layout Shift 
• Time To Interactive 
• Total Blocking Time 

Use our optimization tools

Option 1: Perfmatters

1. If the site is live, ask the SRE team to create a duplicate where optimization should be done. We do this to allow all teams to have ample time to experiment on and review the changes without breaking the live site.
2. Log into Perfmatters.io.
   • URL: https://perfmatters.io/account/ 
   • Username: [email protected]
   • Password: NDdwJPHSWi3kyocFZ3iyPDDAUUEJn4)y
3. Install and activate Perfmatters . Ensure that the license is correctly added.
4. Set the default options .

Option 2: AIOS Optimize

1. If the site is live, ask the SRE team to create a duplicate where optimization should be done. We do this to allow all teams to have ample time to experiment on and review the changes without breaking the live site.
2. Install and activate the AIOS Optimize  plugin.
3. Use its recommended settings .
4. Ask the SRE team to enable Varnish cache.