Using rel=preload to preload key requests

  • Hi,

    I’m going through Google’s page speed insights tool and one of their main recommendations is to pre-load two specific URL paths (which appear to be fonts or font packs).

    Google’s exact wording:

    Consider using <link rel=preload> to prioritize fetching resources that are currently requested later in page load.

    My theme already allows me to add custom header scripts/code.

    Am I supposed to just paste a few lines of code into there to pre-load these specific files, and that should solve this? I’ve never done this before so just wanted to be clear on what to do.

    Edit: I do already have some existing custom header code, too. Just basic stuff like Google Analytics script, etc.

    • This topic was modified 4 years, 1 month ago by Ronnie55.
    • This topic was modified 4 years, 1 month ago by Ronnie55.
Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    You can do that, but if the link references were added by your theme or a plugin, the original reference would still be output. You also need to suppress the original references so there’s only one link reference to a resource on the page. How to do so depends on the responsible module. Usually there’s a setting to disable things like this. If not, you may need to ask how to disable through the dedicated support channel of the responsible module.

Viewing 1 replies (of 1 total)
  • The topic ‘Using rel=preload to preload key requests’ is closed to new replies.