Litespeed cache script and css web page test alert

  • Resolved ivanisevic82

    (@ivanisevic82)


    11 months, 3 weeks ago

    Using litespeed cache I have this alert in web page test:

    7 JavaScript files are blocking page rendering.

    By default, references to external JavaScript files will block the page from rendering while they are fetched and executed. Often, these files can be loaded in a different manner, freeing up the page to visually render sooner.

    /wp-content/litespeed/js/24dbc32d5a0d3fce3cb566ec308cd67b.js?ver=1d635

    /wp-content/litespeed/js/1ba5d8b6570999f78162444070aa3968.js?ver=a3968

    /wp-content/litespeed/js/f28491d82835e91f3453836c720b935c.js?ver=b935c

    /wp-content/litespeed/js/85e4817e3e583c144a132086016f77a6.js?ver=f77a6

    /wp-content/litespeed/js/c6ff5cce72568121e42769e0ebccb723.js?ver=cb723

    /wp-content/litespeed/js/d06353924c1957fb437c74d97afabc0a.js?ver=abc0a

    and this:

    5 externally-referenced CSS files are blocking page rendering.

    By default, references to external CSS files will block the page from rendering while they are fetched and executed. Sometimes these files _should_ block rendering, but can be inlined to avoid additional round-trips while the page is waiting to render. Sometimes, such as with stylesheets that are only used for loading custom fonts, inline or async CSS can greatly improve perceived performance.

    /wp-content/litespeed/css/2005f399679cd49ded062e1a1f69ea4a.css?ver=ce271

    /wp-content/litespeed/css/673b9962b1ecf1512b199993d2ac8b66.css?ver=c8b66

    /wp-content/litespeed/css/9ba73df0633ee152221dc9efaf0199b5.css?ver=199b5

    /wp-content/litespeed/css/ed3a2d001279e06460fafbe531e29c22.css?ver=29c22

    /wp-content/litespeed/css/0f3e5d42caf723517ad428a410470745.css?ver=70745

    Can I solve using async or defer?

    Or is better to do not use async / defer for this script/css?

    Thanks for support!

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

    (@qtwrk)

    please try enable JS delay and Load CSS Asynchronously

    Thread Starter ivanisevic82

    (@ivanisevic82)

    Thank you for support, but I still need some help.

    When you write “enable JS delay” do you think about a option of the plugin Litespeed Cache or adding manually the code in functions.php ?

    And why delay and not defer or async?

    Thank you again!

    Thread Starter ivanisevic82

    (@ivanisevic82)

    I add that I controlled the source code and there no trace of jss and css mentioned before.

    Thread Starter ivanisevic82

    (@ivanisevic82)

    Sorry for the triple post but in the meantime I found the options in Litespeed Cache and ran some tests. Enabling JS delay effectively makes those JS rendering blocks disappear. On the contrary, activating the “Load CSS Asynchronously” option does not change anything. In any case, I would like to avoid activating these options because they would affect ALL my scripts and CSS, while I would like to act selectively on those mentioned at the beginning. The problem, however, is that if I manually operate in functions.php as I usually do to assign defer or delay, I get no results. Perhaps this is because the scripts and css in question are dynamically generated by litespeed Cache. Should I ignore them?

    Plugin Support qtwrk

    (@qtwrk)

    I referred to this.

    once you enabled load async css it will take time to generate Critical CSS to make CSS async

    yes , if you manually tamper the JS , it maybe overwrite by LSCWP

    in that case , you can choose to disable all the LSCWP’s JS option , and manually operate it at your own

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Litespeed cache script and css web page test alert’ is closed to new replies.