willjames

Thank you for your swift reply. I have now deactivated the plugin

Thanks for the info – a little clearer. I have the Rapidload team looking at my dev site now. Hopefully they can get it working OK.

I just have to fix the last remaining “Does not use passive listeners to improve scrolling performance” but I can’t find the cause – nowhere in the code that I can see is any kind of event listener… It seems to call out the Ontouchstart=”” in the body class but I can’t think why – or what else it could be!

Cheers!

The RL Critical CSS did not work – it overloaded the cpu and made the site keep timing out. I have reached out to them.
It seems that my site setup means that I have to aggregate the css files otherwise it does not work. Without this I get security messages as fonts are attempted to be downloaded from the cdn without the https.
I have learnt that to make a change and test all of this is massively challenging and over complex. The set up appears to be OK now, but if I make a small change I end up chasing my tail each time. I end up running loads of processes that are probably not necessary but slow up the site in the meantime. I could therefore use some help that I think would make a good article for your blog and help us all out…. (unless it already exists and I haven’t found it yet)

Process for updating caches with:
? Autoptimize
? Critical CSS
? Rapidload
? WP Super Cache (or similar)
Apologies for reaching out here, but I have been really struggling in the testing of changes.
I think that an overview of the following would be really useful (some kind of flow chart) as I never know the best way to run this lot. Unfortunately, I think you must be best placed to advise here are as RL & CCSS hang off your AO plugin.
I understand that RL uses the rule based jobs, so takes a while to run throughout the site. If WPSC runs before this is finished, then we are caching pages with full css rather than reduced css so even when the RL jobs are complete
? RL can only run when the AO cache is up to date?
? CCSS doesn’t need to run as it takes the CSS related to the files that have been set up (auto or manual)
? CCSS seems to give odd results, especially if there is a WPSC cached page or if the page is grabbing a rule that it shouldn’t when you are running it manually (for example on my CPT product page it will take the CPT ‘listings’’, or WP ‘single’ so I need to delete these before I run a manual CCSS job.)
If I started with no cache built, for example – should I do the following:
1. Let AO css files build. (How long does this take – are they built on user visit/spidered/taken from sitemap?)
2. Let RL jobs run (do I wait for 1 above to complete and how do I know if it has?)
3. CCSS does not always show the correct css on auto rules (see note above) so I have to create manual ones. Do I do this after RL has run or should it be independent?
4. Check a few pages then preload WPSC cache?
If the above is correct, what happens if I clear the AO cache? What else does it clear? I know it clears the WPSC cache, what about RL? if it does and is RL looking for AO CSS files that don’t exist?

Any help on this would be greatly appreciated.

I have turned off CCSS and turned on the Rapidload one which seems to be working better, except that the main AO css file is now being called out as render blocking (when aggregating) or if not aggregating then there are 5 css files showing as render blocking.

The Rapidload critical css seems to work better than the CCSS one however.

Sorry – We crossed over in messaging – I hadn’t seen your note prior to sending mine and vice versa).

I had this issue before with the fonts that the CCSS was injecting the http rather than the https: into the inline css even though there is no instruction to do so in the original css

Is there a recommended route for the trial and error that I am carrying out here? with CCSS, Rapidload, WP Super Cache and AO I think I tie myself up in knots.

There are a lot of caches to clear each time I change a setting and they sometimes take a while to rebuild…?

It seems that an upgrade to my theme saw it introduce their own critical css system – not sure if this is conflicting and causing bloat as well in the header? Have you seen anything like it before?

However, my largest problem that I am facing at the moment is that I am getting mixed content messages as Rapidload files seem to be requesting fonts from http: rather than https:

Have you had any other examples of this happening?

Thanks

I have just run on homepage and the same files are being called out – I have been trying different options but it is now back to where it ‘should’ be except it is not deferring these css files.

Hi
I have tried to work through the new features of 2.0 but after unchecking the ‘aggregate js files’ and ‘aggregate css files’ i found that some of the CSS was not being deferred at all leading to large issues in page speed. I have CCSS set up and it seems to be working but the following files still show as render blocking:
/wp-includes/css/dist/block-library/style.min.css?ver=5.9.2
autoptimize_single_9d9b573802f7cbb5a8967eb9af830f06.css?ver=5.9.2
autoptimize_single_7ffae3dbc7bc585c36649749de14d8b8.css?ver=1.0.0.1.1581000692
autoptimize_single_5c172d407053946161c2ad8117830e68.css?ver=668
/wp-content/themes/motors/style.css?ver=1.0.0.1.1581000692

I have taken out any exceptions that I had for CSS and JS when aggregated. Can’t understand why just these files are being called out as render blocking?

Info: I have also selected the ‘remove global styles’ feature.

Additionally, I used to add the name of the page I have added a manual ccss file to – so that I know that any changes have been updated and the correct CCSS is being called (for example .homepagev22{}) then I knew that if this was at the end that was the version of the homepage manual ccss. The system now seems to strip this off the end of the files?

I had ticked some of these boxes in Rapidload and it caused the problem – unticked them all and OK now.

Minify -- Minify and Remove CSS comments via the API (THIS WAS ALREADY TICKED AND OK)

 CSS Variables -- Remove unused CSS variables

 CSS Animation keyframes -- Remove unused keyframe animations

 CSS @font-face rules -- Remove unused @font-face rules

 Inline CSS -- Optimize Inline CSS

 Cache Busting -- Enable RapidLoad crawler to view pages with a random query string

Thanks – I have done this a new error on the logs:

from this page:
https://www.truckpages.co.uk/vans-for-sale/

AH01071: Got error 'PHP message: PHP Fatal error: Allowed memory size of 1073741824 bytes exhausted (tried to allocate 28672 bytes) in /var/www/vhosts/truckpages.co.uk/httpdocs/wp-content/plugins/unusedcss/includes/modules/unused-css/UnusedCSS_DB.php on line 939PHP message: PHP Fatal error: Allowed memory size of 1073741824 bytes exhausted (tried to allocate 81920 bytes) in /var/www/vhosts/truckpages.co.uk/httpdocs/wp-content/plugins/duplicate-post/vendor/composer/ClassLoader.php on line 571PHP message: PHP Fatal error: Allowed memory size of 1073741824 bytes exhausted (tried to allocate 81920 bytes) in /var/www/vhosts/truckpages.co.uk/httpdocs/wp-content/plugins/wp-asset-clean-up-pro/classes/OptimiseAssets/OptimizeCss.php on line 533'

Thanks – remind me where I download the beta file from again? Only 2 of the AUTO CCSS jobs had ‘undefined’

I think that’s above my knowledge level.

It is so frustrating !

It is not device dependent, but screen size – I can see the images perfectly when I rotate the phone.

It does work when CCSS is on but there is no relevant rule for the page. As soon as you add a rule, the carousel disappears on portrait mobile phone page.

I have checked all the php/js/css code between the two sites.

I have run with Rapidload plugin deactivated (plant site does not have Rapiload).

I have heard back from Critical CSS but they are trying to avoid the issue by asking if I have changed the carousel. Surely the answer is to fix what we have, as it could be days work to change the carousel over?

All the same!

I have googled owl carousel and missing mobile and stumbled across a few issues that people have had: https://github.com/OwlCarousel2/OwlCarousel2/issues/801 for example.

They are not identical ti=o mine, but the issue may be similar?

Yes, just checked

Just checked something more confusing…. I have another site https://www.plantpages.co.uk that uses the same system. It has CCSS (not Rapidload) installed and it does not share the same problem as the truck site…
https://www.plantpages.co.uk/machine-for-sale/2012-cat-12m2-vhp-plus-for-sale-in-coventry/