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

🚀 Performance improvements to docs based on Lighthouse recommendations #817

Merged
merged 5 commits into from
Nov 2, 2023

Conversation

taras
Copy link
Member

@taras taras commented Nov 2, 2023

Motivation

I noticed that Effection docs site is loading slowly.

image

Approach

Add preload to CSS resource as per recommendations.

image

Added width/height to images to prevent render jank

Increased contracts of links in the footer

Updated dependencies

Screenshots

image

@taras taras force-pushed the tm/fix-lighthouse-suggestions branch from 0cf0d2b to 6110143 Compare November 2, 2023 15:47
@taras taras marked this pull request as ready for review November 2, 2023 16:05
@taras taras requested review from cowboyd and neurosnap November 2, 2023 16:05
@taras taras changed the title Added preload to css resources in docs Performance improvements to docs based on Lighthouse recommendations Nov 2, 2023
Copy link
Member

@cowboyd cowboyd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Awesome!! 🚀 🚀 🚀

@cowboyd
Copy link
Member

cowboyd commented Nov 2, 2023

I noticed that not just the performance, but also the accessibility score improved.

Copy link
Member

@cowboyd cowboyd left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Oops! It looks like the syntax highlight CSS is not loading in the preview https://effection--tm-fix-lighthouse-suggesti.deno.dev/docs/resources

I wonder what's going on. There are some warnings on the console:

image

@taras taras requested a review from cowboyd November 2, 2023 16:50
@taras
Copy link
Member Author

taras commented Nov 2, 2023

@cowboyd try it now

@taras taras removed the request for review from neurosnap November 2, 2023 16:55
@taras taras changed the title Performance improvements to docs based on Lighthouse recommendations 🚀 Performance improvements to docs based on Lighthouse recommendations Nov 2, 2023
@taras
Copy link
Member Author

taras commented Nov 2, 2023

image

@cowboyd, what is the branch protection rule that's not satisfied?

@cowboyd
Copy link
Member

cowboyd commented Nov 2, 2023

@taras It looks like your commits aren't signed...

taras added 5 commits November 2, 2023 13:02
![Recommendation to load CSS async](https://github.com/thefrontside/effection/assets/74687/f4df77ac-5509-459a-bc21-01fbef1424ed)

Signed-off-by: Taras Mankovski <taras@frontside.com>
Signed-off-by: Taras Mankovski <taras@frontside.com>
Signed-off-by: Taras Mankovski <taras@frontside.com>
Signed-off-by: Taras Mankovski <taras@frontside.com>
@taras taras force-pushed the tm/fix-lighthouse-suggestions branch from f870a1f to 777a869 Compare November 2, 2023 17:03
@taras
Copy link
Member Author

taras commented Nov 2, 2023

@cowboyd I pushed signed commits, but it's still not happy.

@taras taras merged commit 1725c19 into v3 Nov 2, 2023
1 check passed
@taras taras deleted the tm/fix-lighthouse-suggestions branch November 2, 2023 17:08
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.

2 participants