首页 > 经验 > 关键词  > CSS最新资讯  > 正文

优化网站加载时间:你需要知道的一些小方法

2011-05-26 11:50 · 稿源:站长之家

众所周知,网页的速度已成为影响搜索引擎排名的重要因素。随着超高速宽带使用人群的日渐庞大,加载速度慢的网站形势紧张。在这里,笔者将针对如何优化网站加载时间,分享一些实际的意见。

需要使用的工具

据笔者发现,最简单的工具是YSlow和Firefox/ Firebug的网页速度插件。

下载Firebug的方式:https://addons.mozilla.org/en-US/firefox/addon/firebug/

下载YSlow的方式:https://addons.mozilla.org/en-US/firefox/addon/firebug/

下载Page Speed的方式:https://code.google.com/speed/page-speed/download.html

一旦你已安装这些,就准备好进行下一步了。通过火狐浏览器进入你想要优化的网站,点击添加栏中Firebug的图标(如下所示),从而打开Firebug控制台,然后点击网页的速度选项卡,其次是分析性能选项卡,在几秒钟内你会得到一个100以外的分数。这样做的目的是,获得一个分数使其越接近100越好。而之前你的分数大概已经在70/80周围。

使用这些工具,笔者已经使自己的一个网站分数达到90/100,拥有更快的载入时间。

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

你所能做的

压缩CSS

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

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

举报

  • 相关推荐
  • 大家在看

今日大家都在搜的词: