Autoptimize not concatenating CSS and JS files anymore

the problem is not so much individual JS-files (the ones not aggregated are hosted on 3rd party servers which AO cannot optimize), but with CSS-files. Upon inspection of your HTML source the reason is you have a block of <link type="preload" scr="blah.css" as="stylesheet">-styles (which when looking at the HTML source of the unoptimized page seems pretty useless as it’s loaded after normal stylesheets, so there’s no preloading happening). Find out what is adding that preload-block, zap it and things should be a lot better ??

frank

@optimizingmatters

Thanks for your help above.

Still struggling to find what the source of the problem is. In your experience – which WP plugins could cause type="preload" to be added to CSS statements?

I also enquired with Cloudflare. It seems the origin may be producing this CSS directly.

Note – Autoptimize JS and CSS files do exist on https://tallyfy.com

• This reply was modified 5 years, 10 months ago by amitarelli.

which WP plugins could cause type=”preload” to be added to CSS statements?

my money is on the PWA plugin you seem to be using ??

@optimizingmatters I appreciate your help.

The PWA plugin was removed and this URL was cleared off cache:
https://tallyfy.com/definition-client-onboarding/

The results look the same – sadly!
https://www.webpagetest.org/result/190120_J6_61848689315a14cd10effda2d89677b3/1/details/#waterfall_view_step1

Can you confirm the PWA plugin is removed at the URL above?

Is there a setting within Autoptimize which gathers CSS file to concatenate, irrespective of whether they have type=”preload” or not?

no AO does not concatenate preloaded CSS (or JS for that matter).

I guess you’re going to have to do the plugin-dance, deactivating one by one until uou find the culprit :-/

@optimizingmatters what does this function in Autoptimize do?

    public static function get_ao_css_preload_onload()
    {
        $preload_onload = apply_filters('autoptimize_filter_css_preload_onload',"this.onload=null;this.rel='stylesheet'");
        return $preload_onload;
    }

it’s a helper function for AO to get the JS that is used when “inline & defer” is active ??