4

我们正在运行一个 Web 服务,它正在与一些相当长的页面渲染时间作斗争,尤其是 IE8(大约 20 秒)。我们非常擅长构建高性能的后端系统,但不擅长优化前端。

目前看来(来自newrelic)页面渲染和dom解析是最大的问题。

我们已经尝试优化 js 脚本,这有点帮助,但页面在 IE8 中呈现速度仍然很慢,我觉得那里有一些低调的果实。我的问题是,我真的不知道从哪里开始,什么会起作用,如果有一些我看不到的红色羔羊在闪烁。我需要有经验的眼睛。

任何人都可以帮助我朝着正确的方向前进(我对一切都持开放态度!)?

慢页面在这里:慢页面

PS。我们正在运行 Rails 3.2

4

3 回答 3

4
  1. 我建议你通过上面的工具(YSlow也是一个很好的工具)或者这个 Online-Tool Pingdom来分析你的网站。在那里你会以一种非常简单的方式看到你的速度消失了。

  2. 在Hooopo回答(非常棒!)Yahoo!开发者网络

  3. 目前看来(来自 newrelic)页面渲染和 dom 解析是最大的问题。 ”因此我建议你学习这本书: Nicholas C. Zakas 的高性能 Javascript

  4. 将尽可能多的 JS 放在页面底部以改进渐进式渲染。

  5. 我有时会发现 CSS 选择器有点长(如果它是一个小站点并不重要,但在这种情况下......)。这会使您的页面呈现非常缓慢,尤其是在 IE 中。

示例(来自您的网站):

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

尝试将这个大选择器分解为这个(如果可能的话):

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

简短:优化您的 JS 性能并保持您的 css-selector 尽可能小而简单。

希望这可以帮助。

于 2012-06-03T10:28:29.873 回答
2

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

http://www.webpagetest.org/

https://developers.google.com/speed/pagespeed/insights

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

于 2012-06-01T13:59:27.903 回答
0

推荐两本书给你:

http://www.amazon.com/High-Performance-Web-Sites-Essential/dp/0596529309

你好

http://shop.oreilly.com/product/9780596522315.do

在此处输入图像描述

于 2012-06-01T14:18:37.603 回答