如何确定加载时间缓慢的原因?

时间:2012-07-17 14:28:57

标签: optimization hosting expressionengine pagespeed

我有一个网络解决方案托管和ExpressionEngine。我有一个页面,使用jquery同位素来显示我们的产品。此页面需要很长时间才能加载。我下载了“Yslow”FF插件,并根据这些指南进行了优化,以获得93分。但页面仍然很慢。

  • 我用“smush.it”
  • 压缩了所有图像
  • 设置Etags并使标题过期
  • 合并和缩小的js和css
  • 减少了DOM元素的数量
  • 通过删除,减少了EE查询的数量 - 从415减少到69 playa fieldtype associations。
  • css位于顶部,js位于底部

1 个答案:

答案 0 :(得分:3)

查看您提供的链接,在上述评论中提出了一个基准测试建议。

您是否正在使用@ kant312建议的Chrome开发者工具?或者更好的是尝试Google Canary因为工具是下一代工具。

未启用的浏览器缓存中的总有效负载超过1.0MB,总网络请求数为74。这是很多数据和很多要求。

使用该Chrome工具,从网络角度来看,最糟糕的罪犯是:

http://www.hexarmor.com/automin/8ce57c337ec87d08b88c9da7c9fbb37b.js?modified=1338396875 这是一个154KB的.js文件,由于某种原因它没有被gzip压缩。

您的第二大文件是http://www.hexarmor.com/assets/img/background.jpg这是一张147KB的图片。你在这里使用的那种嘈杂纹理背景不能很好地压缩。至于压缩算法,它看起来都像“重要细节”。如果你稍微模糊它可能会更好地压缩。但这是一个设计因素。

第三大文件是http://www.hexarmor.com/automin/ede5907dc9f416131684b845fc597112.css?modified=1342712812这是一个117KB的CSS文件。同样,高度可压缩,但你的服务器没有gzipping它。

我认为通过修复这3个文件,您可以将总有效负载减少200KB(20%)。修复CSS和JS的gzipping也将适用于其他文件,这样可以自动进一步减少有效负载。

这是我们用于gzipping的.htaccess行

AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/x-js application/x-javascript text/javascript

有些人使用大量额外规则处理边缘情况(主要是旧浏览器),但这应该可以让你开始。

如果您要在页面上显示许多产品,那么您将需要大量网络图像请求。也许你可以懒得加载页面上较低的那些?还可以考虑将社交按钮组合成一个精灵。