vhs icon indicating copy to clipboard operation
vhs copied to clipboard

Async/defer attributes implemented incorrectly

Open abvdveen opened this issue 2 years ago • 2 comments

Async and defer attributes now can only be added when also adding standalone="true". This doesn't work: using standalone="true" will generate inline js. Adding defer="defer" or async="async" to inline js is useless, as there is nothing to fetch. These params influence when external js is fetched, so only works when the 'src' param is present in the script tag.

Changing AssetService as follows fixes this:

if ($extractedAssetSettings['standalone']) {
    $assetSettings = $extractedAssetSettings;
}

to

$assetSettings = $extractedAssetSettings;

and

               if ($standaloneAssetSettings) { 
                 // using async and defer simultaneously does not make sense technically, but do not enforce 
                 if ($standaloneAssetSettings['async']) {
                    $tagBuilder->addAttribute('async', 'async');
                 }
                 if ($standaloneAssetSettings['defer']) {
                    $tagBuilder->addAttribute('defer', 'defer'); 
                 }
               }

to

                 // using async and defer simultaneously does not make sense technically, but do not enforce
                 if ($standaloneAssetSettings['async']) {
                  $tagBuilder->addAttribute('async', 'async');
                 }
                 if ($standaloneAssetSettings['defer']) {
                   $tagBuilder->addAttribute('defer', 'defer');
                 }

abvdveen avatar Aug 02 '23 08:08 abvdveen

standalone="1" plus external="1" should work for you. Standalone asset settings must only be applied if an asset is standalone, otherwise it would also potentially apply to a merged chunk of assets leading to unpredictable results.

NamelessCoder avatar Aug 07 '23 14:08 NamelessCoder

Unfortunately I cannot use that combination in this case: I need to generate the contents of the <v:asset.script> tag in a Fluid file, based on parameters for the current page. So I have xclassed the AssetService for this particular project, to get the desired result.

abvdveen avatar Aug 07 '23 16:08 abvdveen