Preload All JavaScript, CSS and Fonts

  • Resolved Dave

    (@csn123)


    3 years, 9 months ago

    Is there a way to preload all JS, CSS and Fonts from within the Litespeed plugin, without directly editing the htaccess file and specifying files to be preloaded?

    One of my client’s sites scored around 20 for performance in web.dev reports, using Elementor Pro together with a highly optimised Litespeed setup, Litespeed server, and Quic CDN. The Litespeed settings were as aggressive as can be, optimising it as much as possible.

    Switching to Nitropack ups that score to around 95 right out of the box, with no special settings.

    The key difference between the Nitropack and Litespeed plugins (as far as I can tell) is that Nitropack preloads all JS, CSS and font requests automatically. It also seems to delay loading JS until the page has fully loaded. Looking at GTmetrix, there’s just a handful of external CSS and WOFF file requests, with no JS requests logged (as these occur once the user interacts with the page).

    If Litespeed could do this, it would be a major breakthrough. My client is obsessed with PageSpeed scores (not the be all and end all, but still important), and is amazed by the 75 point uplift by moving away from Litespeed. I don’t think it is necessary to switch and am sure Litespeed must be able to achieve similar results somehow.

    By the looks of it, automatic preloading of all JS, CSS and font requests should make a significant difference to the PageSpeed score using Litespeed, with the option to load all JS once the page has rendered acting as the cherry on the top.

    Is there a way to automatically preload all internal and external JS, CSS and font requests within the Litespeed plugin right now?

    I have CSS/JS HTTP/2 Push enabled as well as deferring, minifying and combining all enabled.

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Support qtwrk

    (@qtwrk)

    Hi,

    noted as feature requests.

    for score-wise , our upcoming v4 contains major improvement : )

    Best regards,

    Plugin Support Hai Zheng?

    (@hailite)

    I don’t think preload them can help scores.

    Please give v4 a try. Let us know once you turn on Guest Mode, how is the score going?

    Thread Starter Dave

    (@csn123)

    I can’t try it on the client’s site but have tried it another of my one with the same configuration (CSS and JS optimised to the max, image optimisations, lazy load, etc.).

    V3.6.4 scored 41. V4.1-rc8 scored 42 in web.dev, with Guest Mode enabled.

    Nitropack is clearly doing something that Litespeed does not, and all I can see from looking at the source code of an optimised site is that it preloads all internal and external JS, CSS and font requests, and somehow delays the running of all JS until the site is loaded. The reports of a Nitropack-optimised site in GTmetrix don’t show jQuery for example, yet it loads on the front-end. So, by the looks of things, JS is loaded after the page has rendered and after it has been scored by GT and Google.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Preload All JavaScript, CSS and Fonts’ is closed to new replies.

Tags