Ability to async scripts that are output with getFootHtml

[angrybrad]

Created by: John D Wells ([email protected]) on 2015/03/13 14:23:28 +0000
Votes at time of UserVoice import: 9

---

When {{ getFootHtml() }} outputs scripts which have been queued up with {{ includeJs }}, the script tag is hard-coded with no ability to add async. It would be great if we could some way control/override this, either via config or at runtime via a function parameter.

[angrybrad]

Posted by William Isted ([email protected]) on 2016/05/13 08:52:26 +0000

---

I think it would be useful to be able to append such attributes as async, defer etc to individual script tags when using includeJsFile, as async and defer only work when used with external scripts ( https://dev.w3.org/html5/spec-preview/the-script-element.html#attr-script-async ).

Example usage: {% includeJsFile 'https://www.example.org/script.js' first async defer %}

[angrybrad]

Posted by Mats Mikkel Rummelhoff ([email protected]) on 2015/03/09 00:12:31 +0000

---

John, just a FYI: I recently updated my Retcon plugin and it now has the ability to add value-less attributes – so you can now do this:

{{ getFootHtml | retconAttr('script', { 'async' : true }) }}

...and Retcon will add the async attribute to all script tags returned by getFootHtml.

https://github.com/mmikkel/RetconHTML-Craft