我有什么方法可以提高网站的加载速度?

我知道Google确实在提高加载速度,并且随着移动网站的普及,现在必须快速加载网站。

#1 楼


Yahoo改善页面速度的技巧
Google改善页面速度的技巧
如果您使用的是PHP,Google的提高PHP速度的技巧


这里是基本列表,由Google的Page Speed插件(这里是Yahoo的YSlow)组成:


利用浏览器缓存
指定图像尺寸
避免CSS @import
避免出现错误请求
将图像合并到CSS精灵中
推迟对JavaScript的解析
启用Keep-Alive
启用压缩
内嵌式小型CSS
内嵌式小型JavaScript
/>进行登录页面重定向可缓存
最小化CSS
最小化HTML
最小化JavaScript
最小化重定向
最小化请求大小
优化图像
优化样式和脚本的顺序
首选异步资源
将CSS放在文档头部
从静态资源中删除查询字符串
从一致的URL中提供资源
提供缩放图像
指定一个变量:Accept-Encoding头
指定一个缓存验证器
指定一个字符集
推迟JavaScript的加载
删除未使用的CSS
使用高效的CSS选择器

我强烈建议使用Google或Yahoo的页面速度加载项来测试您的页面。它快速简便,并为如何提高页面速度提供了明确的指导。

更新

如尼克在评论中所建议,这里提供了一些更好的资源和信息。 :


史蒂夫·索德(Steve Souder)的技巧和书:
Facebook首次优化网站时的首选参考文献

更新2

以下统计数据很好,说明了页面速度为何如此重要的原因(来源)



亚马逊:100毫秒的延迟导致收入下降。
Google:400 ms延迟导致每个
用户的搜索请求减少0.59%。
Yahoo !: 400 ms延迟导致了5-9%的访问量减少。
必应:2秒的延迟导致每位用户的收入下降4.3%。
Mozilla将其下载页面的速度提高了2.2秒,并得到了
的奖励,
下载量增加了15.4%。
> Google Maps将文件量减少了30%,并且
地图请求量增加了30%。
Netflix(使用Appdynamics监控其性能)在服务器上启用了
gzip;只需
,单个操作页面的速度就会提高13-25%
,并节省了50%的流量。
Shopzilla成功地将加载时间从7秒减少到2秒,
转化率提高了7-12%,他们发现页面请求量增加了25%,
他们可以撤消50%的页面
服务器,从而节省能源。
AOL观察了几个网站上的页面浏览量。
最快的用户需要7-8页,而
最快的用户只需要3-4页。
Edmunds从超过10秒降至不到2秒,增加了17%
页面观看次数并使收入增加了
3%。



评论


+1同样值得一提的是Steve Souder在这里的技巧:stevesouders.com/hpws/rules.php和他的书在这里:stevesouders.com/blog/2009/04/23/even-faster-web-sites这些是Facebook的首选参考文献当他们首次优化网站时:facebook.com/note.php?note_id = 307069903919

–尼克
2011年6月15日14:05



我感觉标题中有东西正在使网站变乱!

–抢夺
2011年6月15日14:06

我不确定我喜欢这个答案,因为它并没有真正描述如何创建一个快速的网站,只是描述了您可以修补的内容以使其更快地获得。这有点像说“在汽车上加扰流板”(任何人都可以这样做),但是您必须了解空气动力学的一般原理,这样才有意义,因此必须正确完成。

–ʍǝɥʇɐɯ
2011年6月15日14:11

@ Matthew,Google和Yahoo加载项和页面描述了这些优化为何有帮助。内容丰富且有用。

–John Conde♦
2011年6月15日14:12

刚刚在Google速度检查中获得了89/100的评分,考虑到我没有尝试任何速度优化,这是相当不错的。

–Rob
2011年6月15日14:22

#2 楼

试用CloudFlare http://www.cloudflare.com/plans

CloudFlare是一种内容交付网络和分布式域名服务器服务,旨在提高网站性能和速度并提供安全性。