Do browsers download Icon Fonts (like FontAwesome) for every page-load?

Kaustubh Katdare · 2018-06-30T08:54:49+00:00

I'm unable to determine whether the icon fonts like FontAwesome are downloaded to user's computer every time they visit a new website. I'm aware of 'browser cache' - but not sure if the browser must download the font again while visiting a new website. My best guess so far is that if the user has earlier visited any site that uses FontAwesome, they'll have the font downloaded on the browser. So, the browser need not download it again; but how can we be sure that the fonts aren't getting downloaded? PS: I'm working on minimizing the total count of http requests made to the server (with an aim to reduce the page fetch timing).

Do browsers download Icon Fonts (like FontAwesome) for every page-load?

Kaustubh Katdare
@thebigk

Updated: Oct 26, 2024

Views: 2.1K

I'm unable to determine whether the icon fonts like FontAwesome are downloaded to user's computer every time they visit a new website. I'm aware of 'browser cache' - but not sure if the browser must download the font again while visiting a new website.
My best guess so far is that if the user has earlier visited any site that uses FontAwesome, they'll have the font downloaded on the browser. So, the browser need not download it again; but how can we be sure that the fonts aren't getting downloaded?
PS: I'm working on minimizing the total count of http requests made to the server (with an aim to reduce the page fetch timing).

0

Replies

Howdy guest!

Dear guest, you must be logged-in to participate on CrazyEngineers. We would love to have you as a member of our community. Consider creating an account or login.

Replies

yorha 2b

Member • Jul 8, 2018

1. Trace of page loaded (fetching from cache as already downloaded by browser during my first visit)
2. Page loaded for first time.
Yep, it seems like browser is downloading fonts from your web-server (nginx 1.10.3 ?)
You can cache static files in reverse proxy server, it will decrease transmission time.

Are you sure? This action cannot be undone.
Cancel
Kaustubh Katdare

Administrator • Jul 8, 2018

#-Link-Snipped-#â€ - Right - that's the right way to track it. However, I've seen that in come cases (on local machines) - the fonts get loaded from local cache. I'm not sure how does browser exactly decide when to download the font and when to load it from cache.
My best guess was that it should be determined with the object's `max-age` property. I'm trying to leverage the browser caching.Â

Are you sure? This action cannot be undone.
Cancel
yorha 2b

Member • Jul 8, 2018

Roger that.
Interesting read :Â #-Link-Snipped-#

Are you sure? This action cannot be undone.
Cancel