Localization problem with Font Awesome

Resolved pzsniper
(@pzsniper)

10 months, 3 weeks ago
Hi again,

I hope like last time you can help me solve this issue.

I’m using with success Yootheme custom script for Fontawesome but it started to penalize me for Pagespeed test using it with this code:
```
<script src="https://kit.fontawesome.com/1daaf3b994.js" crossorigin="anonymous"></script>
```
So i have tried to enable Localization but have issues, and after 2 hrs of testing i’m begging you for help..

Here is the LSCWP setup: https://prnt.sc/FSSpjdbvmIkA

And here the error: https://prnt.sc/JPpVMsIxSOX6

I did not changed the .js path on script, just FYI

Last Report Number: IVQBULBC

Last Report Date: 07/10/2025 00:53:04

PS:
Do you have suggestion on which comment js have benefit to be localized maybe?

Viewing 15 replies - 1 through 15 (of 20 total)

1 2 →

Plugin Support litetim
(@litetim)

10 months, 3 weeks ago

@pzsniper
Looking over the site source I see the fontawesome script added twice.
That yellow message is not an error, but a warning which says the preload element is not used in a few seconds after it was loaded.

If you want to use external link: try clearing one of the fontawesome script tags from html, add defer.
If you want to use localization: remove the preload for https://kit.fontawesome.com
Thread Starter pzsniper
(@pzsniper)

10 months, 3 weeks ago
Hi, thanks for your reply. I appreciate your time, but forgive me. What you wrote makes no sense.
I haven’t activated anything except adding the line I showed you earlier to the Yootheme settings. Look here: https://prnt.sc/Ib7V18JX3_DX

The defer was ALREADY active.
I’ll show you the settings here.
https://prnt.sc/Eng5ZeCXxIFL
https://prnt.sc/TZsI4DVovCPU
https://prnt.sc/W1mwNYLuMixO
https://prnt.sc/wS4MD1S4a7RI

here we have still the error: https://prnt.sc/gF3q6uPNK7ND

I don’t understand what preload you’re talking about. How? Obviously, I ran the tests with a clean cache.

Any other ideas, please?
- This reply was modified 10 months, 3 weeks ago by pzsniper.
Plugin Support qtwrk
(@qtwrk)

10 months, 3 weeks ago

because the JS file was not successfully or correctly fetched form awesomefont.com , it has some kind of restriction and access policy prevent from doing so.

Plugin Support litetim
(@litetim)

10 months, 3 weeks ago

@pzsniper
I looked at the original HTML( added parameter ?LSCWP_CTRL=before_optm to url ) and I see you changed it and no double <script src=”https://kit.fontawesome.com/1daaf3b994.js” crossorigin=”anonymous”></script>

At that moment, I double check, to make sure I searched for the correct thing.
From what I see the message about usage disappeared.
I can see the error now on site(in footer, social section), but the problem appears to be from CSS: the icons are missing :before element, that is loading the icon.
There could be some settings that we can test:
– disable both UCSS and Load CSS Async https://docs.litespeedtech.com/lscache/lscwp/pageopt/#load-css-asynchronously (one by one) And see if this will fix the issue.
– CSS minify
By doing this we can narrow down where the problem comes from.
Thread Starter pzsniper
(@pzsniper)

10 months, 2 weeks ago
Ok thank you for you time again and i did your steps, the results are: NEGATVE.
Icons doesnt show: https://prnt.sc/iYvVAVkj-lKa

See the settings here https://prnt.sc/2QH4w-iDVx5Q

Honestly i’m not happy to have those settinsg disabled anyway guys.. I KEEP THEM Disabled until your feedback.

here are details: LOG – Pastebin.com

Last Report Number: CUVCZMFV

Last Report Date: 07/11/2025 19:37:32

MAYBE.. if i download a local copy and host the FontAwesome js this cloud be a good idea? Download Font Awesome Free or Pro | Font Awesome Can i instruct LSCWP to fetch it later?
Main goal was to AVOID long loading time and penalization for PageSpeed test after all.
- This reply was modified 10 months, 2 weeks ago by pzsniper.
- This reply was modified 10 months, 2 weeks ago by pzsniper.
Plugin Support qtwrk
(@qtwrk)

10 months, 2 weeks ago

yeah , it won’t work , the localization can not fetch the awesomefont.com files as it doesn’t allow its files to be fetched like that , this part need to improvement to handle such case

Thread Starter pzsniper
(@pzsniper)

10 months, 2 weeks ago

@qtwrk oh ok.

So in the end at the moment there’s no way nor workaround for this? Also using local .js is not possible?

Plugin Support qtwrk
(@qtwrk)

10 months, 2 weeks ago

well , at this moment I think only manually grab and place the file , and even only get that JS file may not be enough , it would subsequently loads branch of fonts need to localized as well
Thread Starter pzsniper
(@pzsniper)

10 months, 2 weeks ago
Idk i’m close to give up… i have tried to follow this guide Install Manually | Font Awesome Docs and putting it into my child theme functions.php pointing to yootheme-child/js/all.js but did not worked anyway…

Ok i will accept that load penalization and will put back the cloud link inside my theme.. so sad…
🙁

Anything i could optimize to get better pagespeed results in LSCWP settings please?
It destroy my load time https://prnt.sc/DPVUEXSRy5XY
- This reply was modified 10 months, 2 weeks ago by pzsniper.
Thread Starter pzsniper
(@pzsniper)

10 months, 2 weeks ago

LSCWP settings atm

https://prnt.sc/SXgt1EL3_U1N
https://prnt.sc/qZkpx_LpDh-T
https://prnt.sc/v24yNhu38jlR
https://prnt.sc/NWCh8VWgk9Qu

Thread Starter pzsniper
(@pzsniper)

10 months, 2 weeks ago

@qtwrk can you please take a look at my latest question buddy?
Plugin Support qtwrk
(@qtwrk)

10 months, 2 weeks ago
```
<script src="https://kit.fontawesome.com/1daaf3b994.js" crossorigin="anonymous"></script>
```
what happens if you add defer attribute to this script ?
Thread Starter pzsniper
(@pzsniper)

10 months, 2 weeks ago
Hello agaim

You mean this way?

<script src=”https://kit.fontawesome.com/1daaf3b994.js” crossorigin=”anonymous” defer></script>

i cannot, since after our testings i have read the official documentation and chose to add it to functions.php this way
```
/**
 * Font Awesome Kit Setup
 *
 * This will add your Font Awesome Kit to the front-end, the admin back-end,
 * and the login screen area.
 */
if (! function_exists('fa_custom_setup_kit') ) {
  function fa_custom_setup_kit($kit_url = '') {
    foreach ( [ 'wp_enqueue_scripts', 'admin_enqueue_scripts', 'login_enqueue_scripts' ] as $action ) {
      add_action(
        $action,
        function () use ( $kit_url ) {
          wp_enqueue_script( 'font-awesome-kit', $kit_url, [], null );
        }
      );
    }
  }
}
fa_custom_setup_kit('https://kit.fontawesome.com/1daaf3b994.js');
```
Plugin Support qtwrk
(@qtwrk)

10 months, 2 weeks ago

wp_enqueue_script should support defer

ref: https://developer.ww.wp.xz.cn/reference/functions/wp_enqueue_script/

Thread Starter pzsniper
(@pzsniper)

10 months, 2 weeks ago

Ok but what then?
Sorry but i dont understand what you are trying to make me doing 😀
can i check something then to test this?

Viewing 15 replies - 1 through 15 (of 20 total)

1 2 →

The topic ‘Localization problem with Font Awesome’ is closed to new replies.