How to Add Attributes to a ```src=``` Script in Bootstrap Studio

[franbagg]

Hello,

I’m trying to modify a script tag in Bootstrap Studio to include additional attributes like async and defer. For example, I need to change this:

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6Ts0miE7PMJLYzpgnnbJqynmAwxhzQGc&callback=initMap&libraries=marker"></script>

to this:

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB6Ts0miE7PMJLYzpgnnbJqynmAwxhzQGc&callback=initMap&libraries=marker" async defer></script>

Is there a way to add attributes like async and defer to the script tag within Bootstrap Studio? How can I do it?

Thank you!
Francisco

[richards]

You can find the solution here:

Feature Request: Async/Defer for external javascript

You can add it to the head section from the settings dialog under Head Content like this <script src="example1.js" defer></script> <script src="example2.js" async defer></script> <script async> // Inline script code </script> For external scripts, using both attributes together has no practical effect, and the script will behave similarly to using async alone.

[franbagg]

Thanks!! The help is greately apreciated.