bootstrap-filestyle jQuery插件需要更长的时间来渲染

Question

我正在使用＆＃34; second＆＃34;松散地来到这里。我使用Bootstrap CSS和一些其他jQuery组件，其中一个是bootstrap-filestyle。我看到表格最终呈现得很好，但我可以看到香草浏览按钮以及＆＃34;没有选择文件＆＃34;在用jQuery组件替换之前标签。

我在Chrome中看不到这个问题（看起来足够快），但可以在Firefox / Safari中重现这一点（后者不太明显）。

一些细节：

• 这是在开发沙箱中
• 在本地运行puma服务器
• 这是在Rails应用程序中
• JavaScript文件全部通过Assets Pipeline（无CDN）加载。
• 该应用程序使用带有Handlebars的Backbone.js作为模板引擎。

是什么导致这种情况？

Answer 1

问题在于，在每个请求的开发模式下，Rails应用程序都会重新加载所有可能增加加载时间的资源。

您可以通过禁用资产调试将所有Javascript和CSS合并到一个文件中。这样你只需要来自JS和CSS的两个请求。

这可以在 config / development.rb 中完成：

# Expands the lines which load the assets
config.assets.debug = false #true

您还可以查看任何前端框架，例如AngularJS，EmberJS等，以优化您的应用程序。

然而，这不应该是生产中的问题！