1

我已经完成了我的项目，它似乎工作正常。

但是，我刚刚发现还有更多与优化有关的事情。

Google 的 PageSpeed Insight 刚刚告诉我，
我必须这样做Remove Render-Blocking JavaScripts，Optimize CSS Delivery并且Leverage Browser Caching

关于Remove Render-Blocking JavaScripts和Leverage Browser Caching，它说我必须使用我的 Assets Javascripts。

他们目前是这样陈述的 

<%= 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" />

我怎样才能修改所有这些？

4

1 回答 1

1

尝试 ：

1）缩小你的javascripts：尺寸越小，你的页面加载速度就越快

2) 使用 CDN 托管您的资产：这有助于更快地加载您的资产，从而缩短响应时间

3) @depa 提供了一些关于 rails 中资产管道的不错的指示，也请检查一下

你会好起来的。

于 2013-10-15T00:49:30.713 回答