如何有效优化网站的加载时间..doc
文本预览下载声明
如何有效优化网站的加载时间
内容摘要： 众所周知，网站的加载速度已成为影响搜索引擎排名的重要因素之一。随着超高速宽带使用人群的日渐庞大，加载速度慢的网站形势紧张。在这里，笔者将针对如何优化网站加载时间，分享一些行之有效的意见。
众所周知，网站的加载速度已成为影响搜索引擎排名的重要因素之一。随着超高速宽带使用人群的日渐庞大，加载速度慢的网站形势紧张。在这里，笔者将针对如何优化网站加载时间，分享一些行之有效的意见。
需要使用的工具
据笔者发现，最简单的工具是YSlow和Firefox/ Firebug的网页速度插件。
一旦你已安装这些，就准备好进行下一步了。通过火狐浏览器进入你想要优化的网站，点击添加栏中Firebug的图标(如下所示)，从而打开Firebug控制台，然后点击网页的速度选项卡，其次是分析性能选项卡，在几秒钟内你会得到一个100以外的分数。这样做的目的是，获得一个分数使其越接近100越好。而之前你的分数大概已经在70/80周围。
使用这些工具，笔者已经使自己的一个网站分数达到90/100，拥有更快的载入时间。
Page Speed插件的便捷之处在于，如果你点击进入某个区域，它将给你提供额外的信息，而且此区域会以不同颜色的编码来指示其好坏，红色代表很差，黄色代表还好，绿色代表非常好。
你所能做的：
压缩CSS
CSS(层叠样式表，使你网站美观的文件)经常被忽视。任何合理的网站，CSS文件都可以有成百上万行的代码，每个标签、空间、额外的逗号、换行和代码注释使你的文件大小增加。虽然它使人们编码时更容易，但却可以减缓你的网站速度。
对此的解决方法是为开发人员的工作保持原始副本，然后为网站缩减代码(删除所有不必要的)，这样可以平均节省达到20-30%，特别在大的文件上这是很有帮助的。
虽然Page Speed 在其压缩器内有一个相关设置，但笔者最喜欢这个网站里的：
最大的压缩可以使你赢得最大的储存量。
压缩JavaScript
同样，许多人忘记压缩JavaScript，所有这些空间加起来，在大文件上可以使用大量的空间，更因此现今如jQuery和MooTools的JavaScript库已十分普遍。
PageSpeed也在压缩器内有相关设置。
减少文件请求
网站向服务器获取文件的每一个请求都会使加载网页的速度变慢，所以请求越多速度越慢。
当你(或你的团队)建立一个网站时，要考虑哪里可以避免使用图像而造成影响， 建议使用CSS来取代。举几个小的例子，就如渐变，按钮，圆角等等，还有更多，所有这些都可以用CSS来实现。
这也包括你对CSS和JavaScript文件发出的请求。考虑以下几点：
你可以看到有很多JavaScript文件的请求，所有这些都可以合并成一个请求一次的单一文件。
利用浏览器缓存
你不仅可以最大限度地减少文件，也可以使用用户浏览器缓存(或下载并使用一个本地副本)，而不是每次重装文件。这节省了请求，也使得对回访者的载入更快。
看看谷歌的页面缓存：/speed/speed/docs/caching.html
重定向最小化
重定向需要时间。你花费时间越多，用户到达你重定向页面的时间越长。
无论何时何地尽量避免使用它们。
优化图片
这也是一个通常被忽视的。如果你的网站有很多或大的图片，那么它们将需要时间来载入。知道以哪种文件类型保存图片是成功的一半。在Photoshop或Fireworks，图像导出向导会告诉你什么文件的大小将在字节或千字节内。
简单的图像往往是在PNG格式内更小，而更复杂的图像往往是JPG更好。也有根据不同程度的质量而异的情况。
避免不良的CSS
CSS简单易学但很难掌握，对于学习如何写出更好的CSS，这里有一些很好的网站，你或你的开发人员都应该看看，这甚至值得每个人学习。
启用压缩
你还可以启用gzip或在你的服务器上压缩，这将减少正发送给访客的HTML文件，CSS大小等。再次强调，更小的文件大小等于快速载入时间。
你可以在这里了解更多的压缩的知识。/speed/speed/docs/payload.html#GzipCompression
使用一个CDN
CDN是一种在你的网站上展示媒体的奇妙而廉价的方式。这并不是让你的网站发送图片，例如发送给访问者，而是从一个类似于亚马逊S3服务的CDN上加载它们，从而卸下你服务器上的负载，使其能够为更多的访客服务。
使用缓存系统
近来几乎所有网站都使用数据库，电子商务网站和博客是这方面最好的例子。正如之前所说，你对每个服务器的每一个请求，减缓了网页加载速度，而数据库也正
显示全部