Load JS early, but with “defer” would be faster, no?

although not available by default, this can be accomplished by ticking the “force JS in head”-option and using this code snippet to add the defer attribute;

add_filter('autoptimize_filter_js_defer','force_defer');
function force_defer($in) {
    if ($in === "") {
       return "defer ";
    }
    return $in;
}

frank

Great, thanks, but what do you think about the logic? couldn’t it have some advantage?

could be ??

why don’t you test and share your findings? B-)

Seems like it works faster, indeed loading while not blocking
can’t wait for the next version!
I really want to be able to combine files in groups, allowing for an “above the folder” combined css file, while the rest of it loads later – can it be done with current hooks?

• This reply was modified 6 years, 8 months ago by eddr.

typically above-the-fold CSS is inline so ensure it’s not render-blocking. moreover it is not a combination of a number of files, but a combination of specific selectors from a number of files. we are currently working on an integration with criticalcss.com for a fully automated creation and injection of rule-based critical css (as the critical css for your homepage is different from the one on a blogpost is different from an archive page is …).

what can be done, using the API, is creating a whitelist of to-be-aggregated CSS-files (whereas the logic is the UI to exclude is a blacklist). using that whitelist only the files listed will be aggregated & minified. you can combine that with another filter (which minifies non-aggregated files). let me know if you’d like example code ??

Thanks

I’ll try