Font preloading and fetchpriority

  • Resolved shannonsadik

    (@shannonsadik)


    4 months, 3 weeks ago

    From what I can see in your plugin and through googling, there does not seem to be a specific setting for custom fonts except swap (which I have enabled) and all JSS and CSS settings are enabled. I have a few .woff custom fonts that i need to preload on every page as they are slowing down my page speed. What is your best recommendation for doing this? Other plugins I know of that do this don’t play well with LSC. I’m surprised this isn’t an obvious setting or somewhere on your website.

    Also, getting a “fetchpriority=high should be applied” on my Google page speed test for hero sections. How can I fix this within LSC? I have background images in all of my hero sections and have already loaded their links in “Lazy load image excludes”.

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Support litetim

    (@litetim)

    4 months, 3 weeks ago

    @shannonsadik
    Try adding the code for preload in <head>. Something like: 

    <link rel="preload" href="/path/to/font.woff2" as="font" type="font/woff2" crossorigin>

    You can do that:
    – Using your theme settings(would be the easiest way)
    – or add this code in theme function.php OR plugins for php snippets:

    function preload_head_code() {
    ?>
    <link rel="preload" href="/path/to/font.woff2" as="font" type="font/woff2" crossorigin>
    <?php }
    add_action('wp_head', 'preload_head_code');

    • This reply was modified 4 months, 3 weeks ago by litetim.
    • This reply was modified 4 months, 3 weeks ago by litetim.
    Thread Starter shannonsadik

    (@shannonsadik)

    4 months, 2 weeks ago

    ok thanks

Viewing 2 replies - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.