Hi,
I am struggling with reducing my websites what gtmetrix calls “network payload” because it’s making the pages very slow. I use only 1 font currently- Noto Sans : 400 via X’s font manager. Yet in GTmetrix (and in page source code) I see 3 fonts. It adds a lot of load to the page unnecessarily. I don’t know where the other 2 fonts come from, but they are stored in cornerstone/assets/. It might be that all 3 are not chosen by me because none of them look like “Noto Sans” which I chose via page builder / font manager. These fonts are:
fa-light-300.woff2 (185 KB)
fa-solid-900.woff2 (138 KB)
fa-brands-400.woff2 (76.7 KB)
This is more than half of my total page size / load. And probably useless load because I am not sure why they are there. So my questions are:
- How can I get rid of these fonts if none of them are Noto Sans or actually used?
- I want to use just 2 fonts – Google Noto Sans regular 400 and Crimson Text regular 400 . If I add these fonts via font manager, how much KB they are going to add?
- Since Woff2 versions of Noto and Crimson regular are quite small (16 KB + 26 KB only!!!), what if I self-host (in my Wordpress uploads / media folders) Woff2 versions of Noto Sans 400 and Crimson Text 400 specifically instead of connecting to Google gstatic via X font manager and then include them in my site by hardcoding @font-face rules ?? Alternatively I can add these fonts using custom font section of font manager? Will any of this be a better choice than pulling them directly from Google and thereby reduce page size and make it a little more lighter and faster without any additional problems?
You can take a look at my site if you want. Check the Secure Note section below/
Thanks in advance for your help!