Skip to content
This repository has been archived by the owner on Apr 4, 2023. It is now read-only.

make website faster by not using custom font, also minify CSS with vite.js #39

Closed
Laaouatni opened this issue Aug 28, 2022 · 1 comment
Closed

make website faster by not using custom font, also minify CSS with vite.js #39

Laaouatni opened this issue Aug 28, 2022 · 1 comment
Assignees
@Laaouatni
Labels
bug Something isn't working

Comments

@Laaouatni
Copy link
Owner

Describe the bug

  • Google Fonts take a long time to load, so maybe we can use a native font, without the need for external calls.
  • CSS doesn't get minified at all, so we need to find a way to make vite.js on npm build minify also CSS for us.

  • 89% of performance now
    image

  • and one of the opportunities that lighthouse dev tools suggest is not using google font.
    image
@Laaouatni Laaouatni added the bug Something isn't working label Aug 28, 2022
@Laaouatni Laaouatni self-assigned this Aug 28, 2022
@Laaouatni
Copy link
Owner Author

Laaouatni commented Aug 28, 2022 •
edited
Loading

results of the 161ecf3 commit

key value_before value_after
Performance ⚠️ 89 ✅ 100
First Contentful Paint ⚠️ 2.3s ✅ 0.9s
Time to Interactive ✅ 2.3s ✅ 0.9s
Speed Index ❌ 6.6s ✅ 1.8s
Total Blocking Time ✅ 0ms ✅ 0ms
Largest Contentful Paint ✅ 2.3s ✅ 0.9s
Cumulative Layout Shift ✅ 0 ✅ 0.002

image

Laaouatni added a commit that referenced this issue Aug 28, 2022
@Laaouatni
fix #39 make import css directly on javascript class (so if the class…
aee08d9 
… isn't called, it will be used)
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@Laaouatni Laaouatni

Labels
bug Something isn't working
Projects
@Laaouatni's gcode.js
Status: Done
Milestone
No milestone
Development

No branches or pull requests
1 participant
@Laaouatni