如何優化JavaScript資源？

我已經完成了我的項目，看起來工作正常。如何優化JavaScript資源？

但是，我剛剛發現還有更多的事情要做優化。

谷歌的洞察的PageSpeed只是告訴我，
我必須Remove Render-Blocking JavaScripts，Optimize CSS Delivery和Leverage Browser Caching

關於Remove Render-Blocking JavaScripts和Leverage Browser Caching，它說，我有我的資產的Javascript工作。

他們正在考慮

<%= javascript_include_tag 'application.js' %> 
<%= javascript_include_tag 'illuminate.js' %> 
<%= javascript_include_tag 'bootstrapSwitch.js' %> 
<%= javascript_include_tag 'bootstrap.js.coffee' %> 
<%= javascript_include_tag 'rails.js' %>

目前說就這樣與它的HTML輸出中是這樣

<script src="/assets/application-21cb698a1b325807d74e3f5588e.js" type="text/javascript"></script> 
<script src="/assets/illuminate-1a2b0535b4a3f7468aec74882e25f3.js" type="text/javascript"></script> 
<script src="/assets/bootstrapSwitch-ae37e5eb28f943501b59b08ac6234.js" type="text/javascript"></script> 
<script src="/assets/bootstrap-1b52926900736585a26c3fe0975f73.js" type="text/javascript"></script> 
<script src="/assets/rails-e46b066113d4a1ff96120b8493021d9.js" type="text/javascript"></script>

我怎樣才能改變這個，以便存檔改變呢？

約Optimize CSS Delivery，它說，我必須優化這些

<%= stylesheet_link_tag "application","http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" %> 
<%= stylesheet_link_tag 'bootstrapSwitch' %>

，這是它的HTML輸出中

<link href="/assets/application-e8a61afef574ba15cb71a3730d2b6b8e.css" media="screen" rel="stylesheet" type="text/css" /> 
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/smoothness/jquery-ui.css" media="screen" rel="stylesheet" type="text/css" /> 
<link href="/assets/bootstrapSwitch-b3ea2e51b3529f79637f5a8a9ef54712.css" media="screen" rel="stylesheet" type="text/css" />

如何修改所有這些？

來源

2013-10-14 MKK

爲什麼你要在HTML中列出資產而不是通過資產管道連接它們的任何原因？ – depa

@depa對不起，這是我知道的唯一方法。這是唯一原因。我是否應該將所有js文件連接到js上？ – MKK

我真的認爲你應該經歷這個。 http://guides.rubyonrails.org/asset_pipeline.html – depa

嘗試：

1）minifying你的JavaScript的：尺寸小，更快的將網頁加載使用CDN託管資產

2）：這有助於加載資產更快，因此一更好的響應時間

3）@depa提出了一些很好的指針資產管道中軌，檢查出以及

，你會好的。

來源

2013-10-15 00:49:30 rb512

謝謝你們！我想我現在該知道該怎麼做:) – MKK

MKK，請嘗試使用google閉包編譯器來縮小js。它做的不僅僅是縮小。您帖子中的https://developers.google.com/closure/compiler/ – ezis

鏈接不起作用 –

如何優化JavaScript資源？

回答

相關問題