提高网站加载速度的想法?


22

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

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

Answers:


23
  1. 雅虎改善页面加速的技巧
  2. Google改善页面速度的技巧
  3. 如果您使用的是PHP,请参阅Google的有关提高PHP速度的提示

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

  • 利用浏览器缓存
  • 指定图像尺寸
  • 避免CSS @import
  • 避免不好的要求
  • 将图像合并为CSS精灵
  • 延迟解析JavaScript
  • 启用保持活动
  • 启用压缩
  • 内联小CSS
  • 内联小型JavaScript
  • 使着陆页重定向可缓存
  • 缩小CSS
  • 缩小HTML
  • 缩小JavaScript
  • 最小化重定向
  • 最小化请求大小
  • 优化图像
  • 优化样式和脚本的顺序
  • 首选异步资源
  • 将CSS放入文档头
  • 从静态资源中删除查询字符串
  • 通过一致的URL提供资源
  • 服务缩放的图像
  • 指定一个Vary:Accept-Encoding标头
  • 指定缓存验证器
  • 指定字符集
  • 延迟加载JavaScript
  • 删除未使用的CSS
  • 使用高效的CSS选择器

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

更新

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

更新2

这里有一些不错的统计数据,它们说明了页面速度为何如此重要的原因(来源


2
+1同样值得一提的是Steve Souder在这里的提示:stevesouders.com/hpws/rules.php和他的书在这里:stevesouders.com/blog/2009/04/23/even-faster-web-sites这些是Facebook的首选参考当他们首次优化网站时:facebook.com/note.php?
尼克(Nick)

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

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

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

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

By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.