Question

我们正在运行一项网络服务，它正在努力应对一些相当高的页面渲染时间，尤其是IE8（大约20秒）。我们非常擅长构建高性能的后端系统，但不擅长优化前端。

目前看来（来自newrelic）页面渲染和dom-parsing是最大的问题。

我们已经尝试优化js scrips，这有点帮助，但是IE8中的页面仍然很慢，而且我感觉有一些低悬的水果在那里。我的问题是，我真的不知道从哪里开始，什么会起作用，如果有一些红色的羊羔闪烁，我没有看到。我需要经验丰富的眼睛。

任何人都可以帮助我朝着正确的方向前进（我对所有事情都开放！）？

慢页面在这里：the slow page

PS。我们正在运行Rails 3.2

Answer 1

我建议您通过上面的工具分析您的网站（YSlow也是一个不错的工具）或者使用此在线工具Pingdom。在那里你会看到一个非常简单的方式，你的速度消失了。
Hooopo的回答中提供免费的摘自性能优化书籍（非常棒！）Yahoo! Developer Network
“目前看来（来自newrelic）页面渲染和dom-parsing是最大的问题。”因此我建议你学习这本书：来自尼古拉斯的High Performance Javascript C. Zakas。
尽可能多地将JS放在页面底部以改善渐进式渲染。
我有时会发现CSS选择器有点长（如果它是一个小网站，则无关紧要，但在这种情况下......）。这可能会使您的页面呈现速度非常慢，尤其是在IE中。

示例（来自您的网站）：

table.results_table td.car_details .content > .left { ... }

尝试将此大型选择器分解为此（如果可能）：

.car_details .content .left-child { ... }

简短：优化您的JS性能并使您的css选择器尽可能小巧简单。

希望这有帮助。

Answer 2

要优化前端，请尝试这两个工具并遵循其建议：

您还可以使用css sprite image来减少http请求。试试https://github.com/Compass/compass-rails

Answer 3

向您推荐两本书：

enter image description here