Performance Audit of Theme and Plugin

[ravichdev]

Issue by jauyong Thursday Feb 18, 2021 at 17:47 GMT Originally opened as https://github.com/xwp/material-design-wp-plugin/issues/542

---

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

1. get 60+ GPSI scores
2. get "green" scores for Core Web Vitals

Implementation brief

QA testing instructions

Demo

Changelog entry

[ravichdev]

Comment by jauyong Thursday Feb 18, 2021 at 17:55 GMT

---

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

[ravichdev]

Comment by jauyong Thursday Feb 18, 2021 at 18:23 GMT

---

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

[ravichdev]

Comment by emeaguiar Monday Mar 08, 2021 at 16:43 GMT

---

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