Add defer attribute to javascript_include_tag Rails

Question

Is there some way to add the defer attribute easily using the javascript_include_tag helper in Rails?

I.e., is there some easy way to turn

<%= javascript_include_tag "blah.js" %>

into

<script defer src="blah.js"></script>

score 52 · Accepted Answer · answered Jun 11 '12 at 15:21

52

<%= javascript_include_tag "blah.js", :defer => "defer" %>

This will get you (in development):

<script defer="defer" src="/assets/blah.js" type="text/javascript"></script>

answered Jun 11 '12 at 15:21

emrass

For those interested, here is the link to the docs: http://www.w3.org/TR/html4/interact/scripts.html#edef-SCRIPT – emrass Jun 11 '12 at 15:27
This also works great with middleman which also uses sprokets / asset pipeline. – JAMESSTONEco Nov 04 '13 at 10:16
3

Strange, they don't have any example of async and difer in APIDoc :\ – luigi7up May 28 '14 at 15:35
3

A bit simpler, same result: <%= javascript_include_tag "blah.js", defer: true %> – icem Nov 19 '14 at 18:34

score 32 · Answer 2 · answered Jan 12 '17 at 23:48

32

You can also do

<%= javascript_include_tag "blah.js", defer: true %>

which is more consistent with other switches.

answered Jan 12 '17 at 23:48

Obromios

2 Answers2