我有一个网络解决方案托管和ExpressionEngine。我有一个页面,使用jquery同位素来显示我们的产品。此页面需要很长时间才能加载。我下载了“Yslow”FF插件,并根据这些指南进行了优化,以获得93分。但页面仍然很慢。
答案 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
有些人使用大量额外规则处理边缘情况(主要是旧浏览器),但这应该可以让你开始。
如果您要在页面上显示许多产品,那么您将需要大量网络图像请求。也许你可以懒得加载页面上较低的那些?还可以考虑将社交按钮组合成一个精灵。