mintmedia

Hi,

I didn’t try the above solution yet but was able to solve this by changing the Form settings to submit via Ajax and not default or Page reload.

This should work for you if using JetFormBuilder and Translatepress.

I had JetFormBuilder forms for a long time and just started to experience the same issue!

Need a resolution ASAP. Started happening for us on October 16.

Yes that’s one question, but also is there a way to defer or async aggregated and excluded optimized assets as well?

Yes but is there a way to set defer or async for aggregated assets?

Also, is there a way to set defer for specific optimized assets?

btw, your support has been amazing here. Is there a way for me to donate a small amount as a thank you?

Can we manage defer/async for scripts generated by Autoptimize to make sure they are all non-render blocking?

The sorting of the array worked. Thank you! ??

Is there any way to control this I.e. at a specific reference point before and after certain other preloaded elements.

More importantly, I see JS files are preloading before the css one. Is there a way to change that order?

Lol I realized and actually got this to work with a properly written script. My bad I was rushing earlier.

Another question we now have in relation to this is there any way to set specific order between when js assets and css asset are served in generated head?

For reference here is our script now that works on creating the preload links:

// Track autoptimized assets for preloading
$autoptimized_assets_for_preload = [];

// Capture autoptimized asset filenames
add_filter('autoptimize_filter_cache_getname', function($filename) use (&$autoptimized_assets_for_preload) {
    $autoptimized_assets_for_preload[] = $filename;
    return $filename;
});

// Add captured filenames to the list of assets to be preloaded
add_filter('autoptimize_filter_extra_tobepreloaded', function($preloads) use (&$autoptimized_assets_for_preload) {
    foreach ($autoptimized_assets_for_preload as $asset) {
        $preloads[] = $asset;
    }
    return $preloads;
});

So we added this and double checked:

// Function to preload Autoptimize CSS and JS assets
function preload_autoptimize_assets($preloads) {
    // Check if Autoptimize is active
    if (function_exists('autoptimize_filter_cache_getname')) {
        // Get the URLs of the Autoptimize CSS and JS files using Autoptimize filters
        $autoptimize_css_url = autoptimize_filter_cache_getname('autoptimize/css/autoptimize_*.css');
        $autoptimize_js_url = autoptimize_filter_cache_getname('autoptimize/js/autoptimize_*.js');

        // Add the CSS and JS URLs to the preloads array if they are not empty
        if ($autoptimize_css_url) {
            $preloads[] = $autoptimize_css_url;
        }
        if ($autoptimize_js_url) {
            $preloads[] = $autoptimize_js_url;
        }
    }

    // Return the updated preloads array
    return $preloads;
}
add_filter('autoptimize_filter_extra_tobepreloaded', 'preload_autoptimize_assets');

However, this does not seem to be working when I check the html output of the loaded page…

Is their anything wrong in the above^?

Hi again, still trying to wrap my head around the above link.

To clarify we want to preload 4 scripts in out html-header.twig file:
1. Preload Autoptimize CSS
2. Preload Script x
3. Preload Script y
4. Preload Autoptimize JS

Currently, our html-header.twig file is calling the enqueued scripts which I assume is same for Autoptimize cache files via wp_head function.

Let me know if there is any other knowledge or documentation I should be reading to understand how this can be done.

Thank you so much!

Thank you for the quick response. An would we be able to server all of our old images that we are going to offload to S3 + Cloudflare?

Do you know if EWWW will also fall back to JPG if WebP is not supported?

Does EWWW offer responsive image delivery via the offloaded set up we plan to have?

Which is what we are testing. However, how can we preload the Autoptimize files if their filename hash can change? Also, how can we preload this in specific order on our html-header file?

<link rel=”preload”

Hi sorry. Was reviewing quite a few things. I believe we will be going the route of removing the .min from WP file names.

We have another question. We would like to preload our Autoptimize optimized JS and CSS files in a particular area. How can this be done?

So if we aggregate js, it would aggregate all js files including those I portrayed above?

Additionally, if we removed the …min.js filename, would Autoptimize then optiomize these files as well?