Performance Audit of Theme and Plugin

[jauyong]

Feature description

Do an assesment of performance and SEO

Original Ticket: https://wordpress.org/support/topic/wtf-53/

---

Do not alter or remove anything below. The following sections will be managed by moderators only.

Acceptance criteria

Implementation brief

QA testing instructions

Demo

Changelog entry

[jauyong]

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fdev-mdc-web.pantheonsite.io%2F&tab=mobile

[jauyong]

Need to discuss performance as an epic in our next meeting as a team. We should get 60+ on mobile consistently.

[emeaguiar]

Images seem to be the biggest cause of the score. Recommend:

• Optimize image sizes
• Apply lazy loading to inline images in demo content
• Ensure srcset is being applied to images in demo content
• Apply explicit height and width to images when possible

Misc improvements:

• Apply font-display: swap to text and font-display: block to icons
• Identify layout shifts and evaluate if they can be avoided