如何提高网站的加载速度？

Question

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

我知道Google确实在推动加载速度，而且随着移动网站的普及，现在必须快速加载网站。

Answer 1

1. 雅虎提高页面速度的技巧
2. 谷歌提高页面速度的技巧
3. 如果你使用的是PHP，谷歌提高速度的技巧

下面是来自谷歌网页速度副词的基本列表(这里是雅虎的YSlow)：

• 利用浏览器缓存
• 指定图像尺寸
• 避免CSS @导入
• 避免不良请求
• 将图像组合成CSS精灵
• JavaScript的延迟解析
• 使其保持活力
• 启用压缩
• 内联小CSS
• 内联小JavaScript
• 使着陆页重定向可缓存
• 缩小CSS
• 缩小HTML
• 缩小JavaScript
• 最小化重定向
• 最小化请求大小
• 优化图像
• 优化样式和脚本的顺序
• 喜欢异步资源
• 将CSS放在文档头中
• 从静态资源中删除查询字符串
• 从一致的URL服务资源
• 提供缩放图像
• 指定变量:接受-编码标头
• 指定缓存验证器
• 指定字符集
• 延迟加载JavaScript
• 删除未使用的CSS
• 使用高效的CSS选择器

我强烈建议使用谷歌或雅虎的网页速度加载项来测试你的网页。这是快速和容易做，并提供了明确的指导，如何提高您的网页速度。

更新

正如Nick在评论中所建议的，这里有一些更好的资源和信息：

• 史蒂夫·苏德的提示和书：
• Facebook第一次优化其网站时的参考资料

更新2

这里有很好的统计数据，显示了为什么页面速度是重要的(来源)

• 亚马逊: 100毫秒的延迟导致了一个收入下降。
• 谷歌: 400毫秒的延迟导致了每个用户的搜索请求减少0.59%。
• 雅虎: 400毫秒的延迟导致了交通量减少5-9%。
• 宾:2秒的延迟导致了每个用户收入下降4.3%。
• Mozilla使下载页面的速度快了2.2秒，并且增加了15.4%的下载量。
• Google将文件量减少了30%，并观察到了一个地图请求增加30%。
• Netflix使用Appdynamics来监视它们的性能，它在服务器上启用了gzip；通过这个简单的操作，页面速度提高了13%-25%，节省了50%的交通量！
• Shopzilla成功地将加载时间从7秒降至2秒，由此，他们观察到转化率增加了7-12%页面请求增加了25%，他们能够使他们50%的服务器退役，从而节省了能源成本。
• AOL观察几个网站的页面浏览数。虽然最快的用户要求7-8页，但最慢的只有3-4页。
• 埃德蒙从超过10秒下降到不到2秒，增加了17%的页面浏览量和收入增加3%。

Answer 2

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

CloudFlare是一个内容传递网络和分布式域名服务器服务，旨在提高网站的性能和速度，并提供安全性。