Putting Javascript at the end of the file using Rails 3.1 asset pipeline

Question

Sometimes in heavy client side Javascript we put the tags at the end of the HTML file so that the content is displayed first while Javascript is loaded afterwards.

Is it possible to do this using Rails 3.1 assets pipeline?

EDIT:

<html>
<head>
   <%= javascript_include_tag "application" %>
</head>

<body>
<!-- all the page content goes here -->


<!-- we include these at the bottom to ensure the html loads first and the javascript is loaded afterwards. How can we achieve this through rails asset pipelining? -->

<script src="/some_other_assets/first_file.js"></script>
<script src="/some_other_assets/second_file.js"></script>
<script src="/some_other_assets/third_file.js"></script>

</body>

</html>

coreyward · Accepted Answer · 2011-11-07 15:21:23Z

2

Yes, you can do this with Rails 3.1 — it doesn't make any difference (as far as Rails is concerned) where you put your javascript_include_tag lines in your view/layout.

answered Nov 7, 2011 at 15:21

coreyward

80.5k21 gold badges148 silver badges176 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

neeebzz Over a year ago

I am not using javascript_include_tag. It's the asset pipeline which will combine all the js files. Is there a way to tell it to include certain files on the top and the rest on the bottom?

coreyward Over a year ago

You're not making any sense to me.

neeebzz Over a year ago

does the addition in the question helps?

coreyward Over a year ago

Yes: you're doing it wrong. Those files will not be loaded with the Asset Pipeline. Why don't you use the Asset Pipeline for all of your resources? You can have multiple base files; for example I usually put all vendor libraries into vendor/assets/javascripts and have the Asset Pipeline concat & compress them into a single vendor.js file that can be included before my application.js.

ahnbizcad Over a year ago

a more detailed and explicit answer to nEEbz's last comment would be helpful.

|

gr0k · Accepted Answer · 2013-05-10 16:38:48Z

1

Not sure if you got the answer for this, but you can include multiple manifest files and set up which files you want at the bottom of the page.

In other words, I could create a footer.js manifest file, tell it to include the scripts you want, and then at the bottom of your view template, include it the same way you do your application.js file with the

<%= javascript_include_tag("footer") %>

tag.

You can read more here-

http://coderberry.me/blog/2012/04/24/asset-pipeline-for-dummies/

answered May 10, 2013 at 16:38

gr0k

8292 gold badges11 silver badges22 bronze badges

Collectives™ on Stack Overflow

Putting Javascript at the end of the file using Rails 3.1 asset pipeline

2 Answers 2

7 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related