Problems with css “inline” and “inline and defer”

  • Resolved mivabeuy

    (@mivabeuy)


    6 years, 10 months ago

    Hello support,

    first of all: thanks for this great plugin! It helped us to make our website faster and solved a big problem we had with the Google Mobile Test. We could eliminate already most everything of render blocking js with “Async JavaScript”, but we have problems with the css-options of your plugin. We tried to inline and defer with a critacalcss.com-account. First it worked well, but after a while PageSpeed Insights shows on various pages a number of css above the fold (in some cases up to 17 – most of them twice or triple). After experimenting a lot without any success we changed to “inline all css”. Solved the problem with css above the fold but now PageSpeed Insight is criticizing the lack of prioritize visible content of course. In both cases, inline css or inline and defer css, we are reaching a pretty good PageSpeed of about 71/86 – 71/91, but we are afraid that with the result of rendering only 5% of the final above-the-fold content we’ll loose some ranking.

    What can we do?

    Thanks in advance for helping!

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

Viewing 6 replies - 1 through 6 (of 6 total)
  • Plugin Author Optimizing Matters

    (@optimizingmatters)

    hey @mivabeuy;
    “inline all CSS” will (almost) always yield that warning, no solution for that except “inline & defer”.

    So the question is; what is causing the warnings in GPSI. I would propose to re-enable “inline & defer” and then you provide me with URL’s where you get the warnings and I’ll have a look?

    (don’t be afraid to loose ranking over GPSI scores, ranking is not based on those, but on other KPI’s)

    frank

    Thread Starter mivabeuy

    (@mivabeuy)

    Hello Frank,

    wow, I’m impressed, what a fast reply! Thanks! I’ve switched as you guess to “inline and defer” and – what shall I say – I’ve no idea what happens, but to my surprise the problem is gone. At least for the moment. We’ve still some pages with a few css above the fold, but nothing like we had before – only 3 css in some cases like this:

    https://www.van-bevern.com/en/our-properties/country-houses/

    and the “problem”, that the revolution slider fails with Google Rendering:

    https://www.van-bevern.com/en/contact/

    but it’s working on live pages. If it’s not longer changing like before – yesterday sometimes we had really good GPSI-results and a little bit later worse ones with sometime up to 17 css above the fold – we would be happy. Hope it works now!

    Thanks again!

    Michael

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    RevSlider can be a pain, it’s feature-packed but pretty complex and hard to optimize. If you’re not really using the advanced features in it, you might be better of with a “lighter” alternative?

    I’ll close this as resolved, but feel free to follow up here if anything pops up.

    And feel free to leave a review of the plugin (and support) here! ??

    frank

    Thread Starter mivabeuy

    (@mivabeuy)

    Hello Frank,

    sorry, but it seems that it’s not that solved as I thought. Something seems to be changed. Since we had no problems and a good result with GPSI with the pages a few hours ago, now it’s changing and the results become worse. While the results on our english and spanish frontpage are still okay

    https://www.van-bevern.com/en/
    https://www.van-bevern.com/es/

    the result on the german frontpage

    https://www.van-bevern.com/

    became worse, especially regarding the prioritize visible content. Google is rendering only 15% of the final above-the-fold content again.

    How can it be? The english and spanisch frontpages are just WPML-translations of the original german homepage. Why they are generating different results and why the results are changing?

    Thanks for helping!

    Michael

    Plugin Author Optimizing Matters

    (@optimizingmatters)

    It looks like the critical CSS for the social icons is missing form the DE homepage, while it is there in the EN and ES version. maybe check with Jonas form criticalcss.com why that difference occurs?

    Thread Starter mivabeuy

    (@mivabeuy)

    Okay, I’ll contact him. Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Problems with css “inline” and “inline and defer”’ is closed to new replies.