How to: "Ensure text remains visible during webfont load"

Discussion regarding Joomla! 3.x Performance issues.

Moderator: General Support Moderators

Forum rules
Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting, this means YOU.
Forum Post Assistant - If you are serious about wanting help, you will use this tool to help you post.
Windows Defender SmartScreen Issues <-- please read this if using Windows 10.
Locked
Tolomen
Joomla! Apprentice
Joomla! Apprentice
Posts: 32
Joined: Tue Apr 01, 2014 6:23 am
Contact:

How to: "Ensure text remains visible during webfont load"

Post by Tolomen » Mon Oct 18, 2021 6:58 am

Hello, guys!

Google PST is telling me to:

Ensure text remains visible during webfont load
"Leverage the font-display CSS feature to ensure text is user-visible while webfonts are loading."

Potential Savings:

... fonts/glyphicons-halflings-regular.woff2 - 108 ms
... fonts/fontawesome-webfont.woff2?v=4.7.0 - 143 ms
...fonts/IcoMoon.woff - 141 ms

Any idea (help) how to resolve this?

Thank you and regards,
Sina

User avatar
Pavel-ww
Joomla! Ace
Joomla! Ace
Posts: 1585
Joined: Tue Jun 30, 2020 12:17 pm

Re: How to: "Ensure text remains visible during webfont load"

Post by Pavel-ww » Mon Oct 18, 2021 2:12 pm

Hi. Usually for this is used font-display property in @font-face rule https://developer.mozilla.org/ru/docs/W ... nt-display.

With the icon font it will not work. But you can still add font-display: swap;. Although it does not work in real life, but will allow you to deceive Page Speed :D (after that, will you still trust such services?).

And 3 (!!!) icon fonts on one site - this is beyond all reasonable limits. Keep one, the rest should be removed. That's all you can do for real optimization.


Locked

Return to “Performance - Joomla! 3.x”