优化企业网站加载时间的几个技巧(1)
点击次数:更新时间:2011-08-22 10:08:48【打印】【关闭】
需要使用的工具 据笔者发现,最简单的工具是YSlow和Firefox/ Firebug的网页速度插件。 下载Firebug的方式:http://addons.mozilla.org/en-US/firefox/addon/firebug/ 下载YSlow的方式:http://addons.mozilla.org/en-US/firefox/addon/firebug/ 下载Page Speed的方式:http://code.google.com/speed/page-speed/download.html 一旦你已安装这些,就准备好进行下一步了。通过火狐浏览器进入你想要优化的网站,点击添加栏中Firebug的图标(如下所示),从而打开 Firebug控制台,然后点击网页的速度选项卡,其次是分析性能选项卡,在几秒钟内你会得到一个100以外的分数。这样做的目的是,获得一个分数使其越 接近100越好。而之前你的分数大概已经在70/80周围。 使用这些工具,笔者已经使自己的一个网站分数达到90/100,拥有更快的载入时间。
Page Speed插件的便捷之处在于,如果你点击进入某个区域,它将给你提供额外的信息,而且此区域会以不同颜色的编码来指示其好坏,红色代表很差,黄色代表还好,绿色代表非常好。
你所能做的 压缩企业网站CSS CSS(层叠样式表,使你网站美观的文件)经常被忽视。任何合理的网站,CSS文件都可以有成百上万行的代码,每个标签、空间、额外的逗号、换行和代码注释使你的文件大小增加。虽然它使人们编码时更容易,但却可以减缓你的网站速度。
对此的解决方法是为开发人员的工作保持原始副本,然后为网站缩减代码(删除所有不必要的),这样可以平均节省达到20-30%,特别在大的文件上这是很有帮助的。
虽然Page Speed 在其压缩器内有一个相关设置,但笔者最喜欢这个网站里的:http://www.csscompressor.com/
最大的压缩可以使你赢得最大的储存量。 压缩企业网站JavaScript 同样,许多人忘记压缩JavaScript,所有这些空间加起来,在大文件上可以使用大量的空间,更因此现今如jQuery和MooTools的JavaScript库已十分普遍。 PageSpeed也在压缩器内有相关设置。 减少文件请求 网站向服务器获取文件的每一个请求都会使加载网页的速度变慢,所以请求越多速度越慢。 当你(或你的团队)建立一个网站时,要考虑哪里可以避免使用图像而造成影响, 建议使用CSS来取代。举几个小的例子,就如渐变,按钮,圆角等等,还有更多,所有这些都可以用CSS来实现。 这也包括你对CSS和JavaScript文件发出的请求。考虑以下几点:
你可以看到有很多JavaScript文件的请求,所有这些都可以合并成一个请求一次的单一文件。
|