当前位置:首页 > 网站教程 > 内容列表

优化企业网站加载时间的几个技巧(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,拥有更快的载入时间。

Firebug Screen

Page Speed插件的便捷之处在于,如果你点击进入某个区域,它将给你提供额外的信息,而且此区域会以不同颜色的编码来指示其好坏,红色代表很差,黄色代表还好,绿色代表非常好。

Firebug Report

你所能做的

压缩企业网站CSS

CSS(层叠样式表,使你网站美观的文件)经常被忽视。任何合理的网站,CSS文件都可以有成百上万行的代码,每个标签、空间、额外的逗号、换行和代码注释使你的文件大小增加。虽然它使人们编码时更容易,但却可以减缓你的网站速度。

Uncompressed CSS

对此的解决方法是为开发人员的工作保持原始副本,然后为网站缩减代码(删除所有不必要的),这样可以平均节省达到20-30%,特别在大的文件上这是很有帮助的。

Compressed CSS

虽然Page Speed 在其压缩器内有一个相关设置,但笔者最喜欢这个网站里的:http://www.csscompressor.com/

Massive Saving In File Size When Compressed

最大的压缩可以使你赢得最大的储存量。

压缩企业网站JavaScript

同样,许多人忘记压缩JavaScript,所有这些空间加起来,在大文件上可以使用大量的空间,更因此现今如jQuery和MooTools的JavaScript库已十分普遍。

PageSpeed也在压缩器内有相关设置。

减少文件请求

网站向服务器获取文件的每一个请求都会使加载网页的速度变慢,所以请求越多速度越慢。

当你(或你的团队)建立一个网站时,要考虑哪里可以避免使用图像而造成影响, 建议使用CSS来取代。举几个小的例子,就如渐变,按钮,圆角等等,还有更多,所有这些都可以用CSS来实现。

这也包括你对CSS和JavaScript文件发出的请求。考虑以下几点:

Large Number Of JS Requests

你可以看到有很多JavaScript文件的请求,所有这些都可以合并成一个请求一次的单一文件。

Single JS Request

上一页12下一页
空间、网站业务联系QQ:2429256177 邮箱:beescms@163.com
客服

工作时间

周一至周日

8:00 - 18:00

在线客服

点击这里给我发消息 BUG反馈

点击这里给我发消息 网站建设

点击这里给我发消息 域名空间

点击这里给我发消息 授权服务

点击这里给我发消息 售前咨询

点击这里给我发消息 意见反馈

点击这里给我发消息 销售客服

联系手机

18288433386

powerd by BEESCMS