I need help to improve the way resources (mainly JavaScript) are loaded

  • Hello,

    I’m trying to optimize the loading speed for my website and I reach a point where I no longer know what to do.

    Ok, so this is my GMetrics Waterfall Chart:
    https://pasteboard.co/JX6Ym09.png

    For my first question, please check what is highlighted in red.

    Why there’s that pause between the requests? Just after the last image within the viewport is loaded the next request doesn’t start immediently. They are 4 requests of 4 different JavaScripts file of Elementor-Pro plugin. They start so late and that affects my LCP and Total Loading Time. I don’t get it. There’s absolutely nothing between these two requests so why these 4 JS files are not called immediately after the previous request is done? Or why they are called so late?

    Does anyone know anything about this? Or how to debug it to figure out what’s wrong?

    My second question is about site.webmanifest and favicon requests.

    Is there a way to optimize them? As you can see the site.webmanifest takes pretty long to load compared to the rest of the requests. That would be an issue. The next one is why both site.webmanifest and favicon requests are called the last? Because of this my site takes longer to fully load because the requests are called late.

    So what can I do to optimize the loading time of site.webmanifest and how can I call both requests faster?

    My last question is why there’s that blocking time for the jQuery, lazyload.js and WP-Rocket Minified Javascript requests displayed on the Waterfall?

    Any hint is very appreciated

    Thank you

Viewing 1 replies (of 1 total)
  • Moderator bcworkz

    (@bcworkz)

    The gap could be your server was busy with other tasks. Does the same gap appear in repeated runs? If it’s consistently there, that blows my theory. The next theory is the files are determined dynamically and requested by script. It takes time to read the initiating script and execute it. Since they are Elementor based scripts, I suggest asking in the Elementor support forum how to best optimize those files.

    Unless you’re developing a PWA, I don’t think you need .manifest files. Confirm through the support forum of whatever theme or plugin is requesting that file. It’s not something core WP requests. If a resource is not needed to display above the fold content, it should be loaded later. Loading favicons late is not a problem.

    Blocking time can occur for a number of reasons. Here, I suspect the maximum number of simultaneous HTTP connections has been reached. In some cases you can increase the max. connections through the server’s configuration file. If you are on a shared hosting plan, this may not be an available option.

Viewing 1 replies (of 1 total)
  • The topic ‘I need help to improve the way resources (mainly JavaScript) are loaded’ is closed to new replies.