CSS and JS blocking render

  • Resolved Arian

    (@ideagomedia)


    1 year, 4 months ago

    Hi. I am a Siteground user with more than 30 websites host by them and I couldn’t be happier with the service.

    SiteGround Optimizer its a great plugin when it comes to WP optimization, however I’ve noticed that when you run a test using the google tool you always get the “Elimina los recursos que bloqueen el renderizado” error saying that some .css and .js files are not necessary for the first load of the page. You get this error even if you disable the option to combine these files… if you have the previous option enable, the combine file (both CSS and js) prevent the website to load.
    Is there any way to fix this?
    Thanks in advance

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

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

    (@plamenm)

    Hello @ideagomedia ,

    Thank you for sharing your excitement with using our service and our plugin.

    The plugin does not have a way to determine the importance of the JS and CSS files on your site pages. The combine option would combine all of the scripts on the page. A developer should be able to determine which one of them are ?render-blocking and then you could exclude them from the combination and then add only them to the middle or the bottom of the page loading process to prevent them from blocking the rendering of the page.

    As for the second issue, where the site loading is prevented when the script combining is enabled, this usually occurs in cases when the combining process is breaking the code of some of the scripts. The combining follows the logic of strict coding standards to combine the code of scripts and when a script is written without following these standards, it could not be combined properly. In these cases, you may consider excluding the scripts from the combination process one by one until you find the problematic script.

    Regards,
    Plamen.M
    Tech Support Team
    SiteGround.com

    Thread Starter Arian

    (@ideagomedia)

    Hi Plamen, thanks for the quick response.

    Ive tried with excluding some classes from the combined file, but still they load at the beginning. There’s any way to maybe move some scripts to the footer? I’d like to test and for the first charge leave only the scripts that are essentials for the website to look good.

    regards,

    Arian

    Plugin Support Plamen M

    (@plamenm)

    To the best of my knowledge, this should be done manually or through third party plugins. In both cases, your best option would be to consult the process with a professional developer. You may also find many articles on the subject. Here is one to start with:

    https://www.searchenginejournal.com/identify-reduce-render-blocking-resources/316365/

    Regards,
    Plamen.M
    Tech Support Team
    SiteGround.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘CSS and JS blocking render’ is closed to new replies.