私はすでにプロジェクトを終了しており、うまく機能しているようです。
しかし、最適化にはもっと多くのことがあることがわかりました。
Google の PageSpeed Insight は、
私がしなければならないことを教えてくれました。Remove Render-Blocking JavaScripts
Optimize CSS Delivery
Leverage Browser Caching
Remove Render-Blocking JavaScripts
、およびについて、 Leverage Browser Caching
Assets 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" />
これらすべてを変更するにはどうすればよいですか?