Web Vitals

Delivering assets only when needed (Core Web Vitals)

• PageSpeed Insights (opens in a new tab)
• Lighthouse Diff Tool (opens in a new tab)
• Lighthouse Scoring Calculator (opens in a new tab)
• Lighthouse Chrome Ext (opens in a new tab)

Try to

• try to be Modular
• conditional load some CSS/JS things
• use async,defer for assets
• images lazy load
• images try to optimize before even uploading - Guidelines with Tools explainer
• prerender (test with /?hsDebugOnly=true or /?hsDebug=true)

Extras

• a11y , aria labels, screen readers