Skip to content

impr: reduce initial loading time of settings page (@fehmer)#5583

Merged
Miodec merged 6 commits intomasterfrom
feature/font-previews
Jul 9, 2024
Merged

impr: reduce initial loading time of settings page (@fehmer)#5583
Miodec merged 6 commits intomasterfrom
feature/font-previews

Conversation

@fehmer
Copy link
Copy Markdown
Member

@fehmer fehmer commented Jul 8, 2024

The settings page is loading all available fonts to display the button with a font preview. This increases the initial page load as we add more and more available fonts. With the improvements of #5582 we are still loading 2041kb of fonts.
By generating preview fonts we can reduce the size down to 84kb. When the user selects a font it still has to be loaded fully.

font name full size kb preview size kb
Roboto Mono 37 1.17
Noto Naskh Arabic 70 1.64
Source Code Pro 75 2.27
IBM Plex Sans 65 2.73
Inconsolata 38 3.39
Fira Code 101 4.45
JetBrains Mono 90 3.93
Roboto 49 1.55
Montserrat 85 4.87
Titillium Web 18 1.12
Lexend Deca 25 1.17
Oxygen 19 2.64
Nunito 41 1.15
Itim 98 4.03
Comfortaa 50 2.68
Coming Soon 21 1.95
Atkinson Hyperlegible 23 4.03
Lato 178 2.97
Lalezar 84 2.75
Boon (ไทย) 51 2.02
Open Dyslexic 114 2.43
Ubuntu 109 3.98
Ubuntu Mono 78 3.34
Cascadia Mono 206 5.64
IBM Plex Mono 45 1.94
Overpass Mono 95 4.74
Hack 104 2.99
CommitMono 40 2.00
Mononoki 32 4.00
Total 2041 84

@monkeytypegeorge monkeytypegeorge added frontend User interface or web stuff assets Languages, themes, layouts, etc. labels Jul 8, 2024
@fehmer fehmer changed the base branch from master to feature/update-fonts-to-woff2 July 8, 2024 08:50
@fehmer fehmer force-pushed the feature/font-previews branch from a2a1a3f to 4deb81c Compare July 9, 2024 13:20
@fehmer fehmer force-pushed the feature/font-previews branch from 4deb81c to d137ca8 Compare July 9, 2024 13:37
Base automatically changed from feature/update-fonts-to-woff2 to master July 9, 2024 15:47
@fehmer fehmer marked this pull request as ready for review July 9, 2024 16:06
Comment thread frontend/package.json Outdated
@Miodec Miodec merged commit 66c09a4 into master Jul 9, 2024
@Miodec Miodec deleted the feature/font-previews branch July 9, 2024 19:23
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

assets Languages, themes, layouts, etc. frontend User interface or web stuff

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants