aem-boilerplate icon indicating copy to clipboard operation
aem-boilerplate copied to clipboard

feat: Trusted Types with DOMPurify

Open andreituicu opened this issue 1 year ago • 2 comments

Building on top of https://github.com/adobe/aem-boilerplate/pull/228 using the new Trusted Types API, that is currently supported just by Chrome.

Test urls: Before: https://main--aem-boilerplate--adobe.aem.live/ After: https://trusted-types--helix-project-boilerplate--andreituicu.aem.live/

andreituicu avatar Oct 16 '24 15:10 andreituicu

Page Scores Audits Google
:iphone: / PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI
:desktop_computer: / PERFORMANCE A11Y SEO BEST PRACTICES SI FCP LCP TBT CLS PSI

aem-code-sync[bot] avatar Oct 22 '24 17:10 aem-code-sync[bot]

Deep PSI:

  1. FCP: 976 (1018 ± 28.002)
  2. LCP: 1051 (1131 ± 146.237)
  3. SI: 976 (1018 ± 28.002)

The impact of ~10% increase of FCP/LCP/SI compared to the baseline we normally see on the boilerplate is expected, given the +9KB for DOMPurify as a rendering blocking resource.

andreituicu avatar Oct 22 '24 17:10 andreituicu