Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve page performance by following best practices on resource loading and handling #125

Open
F-X64 opened this issue Jun 21, 2023 · 0 comments
Assignees
Labels
SEO Issue related to SEO improvements v2 Second iteration of the CID front-end

Comments

@F-X64
Copy link
Member

F-X64 commented Jun 21, 2023

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
@F-X64 F-X64 added v2 Second iteration of the CID front-end SEO Issue related to SEO improvements labels Jun 21, 2023
@F-X64 F-X64 self-assigned this Jun 21, 2023
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
SEO Issue related to SEO improvements v2 Second iteration of the CID front-end
Projects
None yet
Development

No branches or pull requests

1 participant