Enabling css code optimisation causes error

middag @ingeklikt;
could be a timeout, do you have a page caching plugin (or similar solution to do page caching)?

zuiderbuurse groeten,
frank

Hi Frank,

Ik zie dat hij conflicteert met Visual Composer (Artbees modified version). Als ik deze uitzet, doet de mobile speed test het wél. Helaas is dit geen optie want dan is m’n hele lay out weg ??

well (ik ga verder in het Engels om latere toevallige voorbijgangers te helpen) then try to exclude the VC-JS from optimization mabye?

Hi Frank, let’s continue in English indeed ??

Something weird has happened.

I found out that there was a conflict with visual composer by de-activating all plugins and re-activating them one-by-one. Then the mobile speed test error occured when I turned on visual composer.

However, now my Google Tag Manager plugin suddenly caused another error. I de-activated it and the initial problem of this post is gone. So I guess it’s fixed (though my page speed hasn’t really improved :().

Thanks anyway!

pagespeed is next ??

1. make sure you have page caching plugin (wp super cache or comet cache as per the “optimize more” tab in Autoptimize)
2. your “critical CSS” is not OK, hence the autoptimized AO-css file is still render blocking
3. you can try removing dashicons.min.css from AO’s CSS exclusions (should work)
4. optionally consider ticking the “remove google fonts”-option in AO

frank

Goedemorgen Frank,

Thanks for your tips, this really helps!

1. I installed WP super cache now but it makes no difference. I’m already using Cloudfare for caching and the things that the page speed test mentioned, are all third party cookies like a Facebook pixel and Google Tag Manager.

2. I optimized the AO-css file mentioned in the page speed report, but cannot find it in the source code of the page. I took it from the ftp server directly and used critical css to optimize it. The page speed reports still says it’s not ok ??

3. I removed the dashicons.min.css from the exclusions. Didn’t cause any problems, but also no change in page speed.

4. I changed the text to Verdana but it didn’t make a difference. So I decided to keep the Google font I like!

Any tips? ?? ??

for (1); GPSI still complains “Reduce server response time
In our test, your server responded in 1.3 seconds. There are many factors that can slow down your server response time. Please read our recommendations to learn how you can monitor and measure where your server is spending the most time.” -> this is you most important problem. I see WPSC isn’t working correctly, as the timestamp i the HTML is changing with every request;

<!-- Cached page generated by WP-Super-Cache on 2017-03-03 09:24:07 -->

for (2) it’s useless to optimized the AO-files really (don’t see anything in in GPSI reco’s to optimize in those files anyway)

for (3) there is a difference; one less blocking CSS-file. the points (score) is not important as it doesn’t measure performance anyhow, it’s just a synthetic grade of how good you’re adhering to best practices

for (4) same as (3); having one less render-blocking resource (the google font CSS request) is more important then seeing or not seeing a change in grade really ??

frank

Thanks again Frank!

1. I’m not a developer so the reduction of the server speed it quite a mystery for me. My hosting provider isn’t very helpful either. I’m using shared hosting and would like to keep it that way for now (budget..).

I changed some settings in WP super cache but it doesn’t seem to make a difference. However, the only things it says that should be cached are Google Analytics, Google Tag Manager and Facebook. I’m afraid those scripts just can’t be cached (or that’s what Google says..).

2. Ah ok noted ?? So I should just ignore the ‘optimize CSS’ tip for the Autoptimize file?

3. Ok great ??

4. Ok I changed the font to Tahoma and suddenly I do see a difference in page speed test. No red score for mobile anymore. Thanks!

• This reply was modified 8 years ago by ingeklikt.

for (1); the “Reduce server response time” is the main indicator you need a page cache (which by default Cloudflare does not provide). but this is well outside AO’s scope, so it’s not in AO’s FAQ, but there’s heaps of info on wordpress page caching.

the “things it says that should be cached are Google Analytics, Google Tag Manager and Facebook” is different alltogether and indeed are outside of your reach.

for (2); depends on what the exact tip was?

and (4); jeuij! ??

Hi Frank,

I’ll look into the page caching then. I had W3 total cache installed but one day it started causing internal server errors so I turned it off ??

With ‘tip’ I meant the suggestion to optimize the autoptimize css file as a result from the page speed test:

Optimaliseer de CSS-weergave voor de volgende URL’s:
https://www.ingeklikt.com/…ize_c516a010a78a5c3d1afa5ad2b3e280b4.css

Optimaliseer de CSS-weergave voor de volgende URL’s:

that’s GPSI saying your should do a better job at your critical CSS :-p

Hmm I just removed the ‘above the fold CSS’ from Autoptimize but the page speed test result still says I have to optimize the Autoptimize css file. What am I missing here?

(Sorry for all these questions, I’m just really glad you’re helping me out here and feel that I’m almost there! :D)

well; AO’d CSS is render-blocking until you have correct critical CSS. so if you don’t have critical CSS or if you have insufficient critical CSS to render the above-the-fold content, GSPI will complain.

(that being said; I’ve seen instances where the critical CSS is perfect from where I’m standing an GSPI still complains)

Ah okay thanks. Since there is no other file mentioned to optimize, I guess I’m done then.

Thanks a lot for your help and have a great weekend!

jij ook een fijn weekend @ingeklikt ??