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