Support » Plugin: Smart Slider 3 » smartslider.min.css render blocking

  • Resolved check2020de

    (@check2020de)


    PSI is listing “smartslider.min.css?ver=ff7f6f5b” as renndr blocking.
    Any chance to get this solved?

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Support Gabor

    (@nextendweb_gabor)

    Hi @check2020de!

    You should go to the Framework settings:
    https://smartslider.helpscoutdocs.com/article/1785-framework
    where you should use “Async” at the “CSS Mode”. This will call in our CSS files differently, which usually solves this problem.

    If you would still see an issue after this, please send me a link to your website either here, or through our form:
    https://smartslider3.com/contact-us/support/?topic=Other&platform=WordPress&version=Free&website=website-yes

    check2020de

    (@check2020de)

    Thanks Gabor. Usually is the point. In my case it doesn’t solve it. Can’t send you a link, because I have deactivated smart slider for the moment and replaced it with a blank image.

    Plugin Support Laszlo

    (@laszloszalvak)

    Hi @check2020de

    If you don’t want to modify that page again, then you could enable Smart Slider 3, create a completely new page and publish your slider there.
    Then you should send the link of that page to us.

    Note If you don’t want to share the link of your page here, then feel free to open a support ticket over the link above.

    Best regards,
    Laszlo.

    check2020de

    (@check2020de)

    https://developers.google.com/speed/pagespeed/insights/?hl=de&url=https%3A%2F%2Fslider.dlgo.de%2Fbeispiel-seite%2F&tab=mobile

    https://slider.dlgo.de/beispiel-seite/

    As you see, there is more than one Smart Slider file render blocking. This is a blank WordPress 5.5.1 installation with Alante theme and your plugin.

    Plugin Support Gabor

    (@nextendweb_gabor)

    Now we see the issue. With this message Google suggests, that every “must have” code should be inline, which is necessary for users to see as fast as possible, while the rest of the code should be loading only after the page finished loading and you shouldn’t have any regular CSS and JS file incalling at all. The problem with this is, that our file is a “must have” code, so this should load as fast as possible. But putting every code like this inline is not a good idea, because these codes can be very long, making the loading of your inline codes slower. Even this file is almost as big as half of your website’s source code, so it would increase the length of your code 30% and it wouldn’t increase the speed of your website. I have added it to our to do list, to try to figure out something for these speed tests, but I’m sorry, currently we won’t have a solution for this issue.
    Also Google PageSpeed Insights can be very misleading in a lot of cases. Please take a look at your website’s speed like this:
    https://smartslider.helpscoutdocs.com/article/1925-how-to-speed-up-your-site#why-slow
    Currently what I’m seeing is, that your site loads around 400-500ms. Google PageSpeed Insights tells, that the “Estimated Savings” is 2.56s, which obviously is not possible within my browser. This happens, because Google Pagespeed Insights won’t actually look at the loading speed of your website. I wrote an article about this, which can tell you more information about this:
    https://smartslider.helpscoutdocs.com/article/2003-google-pagespeed-insights
    so I suggest taking a look at it to know more about Google PageSpeed Insights.

    check2020de

    (@check2020de)

    Great, thanks Gabor!

    Yes, youu re right… Google is sometimes crazy 🙂

Viewing 6 replies - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.