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

Various improvements to speed and a11y #143

Open
wants to merge 9 commits into
base: master
Choose a base branch
from

Conversation

Lunarequest
Copy link
Contributor

I spent a while optimizing harbor. I've made some major changes like using fontawesome 6's JS kit as it is significantly faster over using the webfonts with fontawesome 5.

I switch to fontawesome 6 for the mastodon icon amongst many others. The biggest single improvement has been using derfer for font awesome and placing it at the end caused the performance metric in https://pagespeed.web.dev to jump from 85 -> 95!

Overall I believe this should bring a ton of benefits to the users as I've also added a handful of aria-labels to improve a11y. I'll be moving away from hugo soon so I figured i should upstream the changes I've made so that it can benefit others.

preload fonts

patch font awesome to use font-display:swap
fix fonts

upgrade fontawesome 6.3.0
add support for aria-label for social link
use fontawesome's kits. they are just smaller and better

use fontawesome's kits. they are just smaller and better

use fontawesome's kits. they are just smaller and better

use fontawesome's kits. they are just smaller and better
@Lunarequest
Copy link
Contributor Author

note with the addition of rel=me it is possible to use indieauth

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

Successfully merging this pull request may close these issues.

1 participant