Reduce Critical path loading and unnecessary script blocking.
Leverage async and defer load where possible
Tree-shake bundles and eliminate loading of dead or unused code
Improves page load and overall UI performance.
Improve Caching & reduce bandwidth usage
Defined performance budgets & adhere to them
Set Performance goals
Setup ongoing measurement & monitoring tools for reporting
Establish escalation processes for performance guardrails & remediation
Follow web API, platform best practices & leverage native web APIs when possible
Monitor emerging capabilities & UI best practices through MDN and W3C
Stay UpToDate with cross-browser support on emerging specs and XE support. (caniuse.com)
Reduce complexity, Adopt frameworks responsibly
Framework adoption should always be weighted against the complexities & requirements.
Use frameworks only when solving complex UI/UX problems. Do not adopt frameworks without a business need.
Always Leverage native browser capabilities over framework adoption. This will reduce complexity & leads to performant UI with a maintainable code base.
Follow Web Content Accessibility Guidelines (WCAG) 2.0
https://www.w3.org/TR/WCAG20/
Test UI with Screen Readers on Mac (Voice Over) and PC (NVDA)
Test UI Designs against for contrast ratio guidelines https://webaim.org/articles/contrast/