Improve page performance by following best practices on resource loading and handling #125
Description
Expected outcome
Follow best practices on
Ensure text remains visible during webfont load
- Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading.
Does not use passive listeners to improve scrolling performance
- Consider marking your touch and wheel event listeners as passive to improve your page's scroll performance
Image elements do not have explicit width and height
- Set an explicit width and height on image elements to reduce layout shifts and improve CLS. Resources: /images/ohc-hero.png
Serve static assets with an efficient cache policy
- A long cache lifetime can speed up repeat visits to your page. Resources: /main.bundle.js, /main.css, /images/ohc-hero.png