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

Optimization: Preload key requests #4168

Closed
1 task
rfultz opened this issue Nov 5, 2020 · 1 comment · Fixed by #4428
Closed
1 task

Optimization: Preload key requests #4168

rfultz opened this issue Nov 5, 2020 · 1 comment · Fixed by #4428
Assignees
Milestone

Comments

@rfultz
Copy link
Contributor

rfultz commented Nov 5, 2020

Background

Looking to optimize the site's performance and that of the homepage specifically, the Lighthouse tool in Chromium browsers has made some suggestions. Some of these will have repercussions throughout the app so we're going to make them their own tickets.

Recommendation: Preload key requests

Consider using <link rel=preload> to prioritize fetching resources that are currently requested later in page load. details

Overview

Could add <link rel="preload" as="font" elements to <head> of template(s)

Benefit (the 80 of 80/20)

It's at the top of the list and could save us nearly seven seconds.

Effort (the 20 of 80/20)

Light

Complications

Likely minimal as we're only preloading files that will be required anyway—not moving or removing anything.

Related tickets

This was referenced Nov 5, 2020
@JonellaCulmer JonellaCulmer added this to the Sprint 14.1 milestone Feb 17, 2021
@rfultz
Copy link
Contributor Author

rfultz commented Feb 25, 2021

For localhost, preloading the fonts on the homepage raised our Performance score by 12

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

Successfully merging a pull request may close this issue.

2 participants