点击这里给我发消息 点击这里给我发消息

优化网站加载时间的实用技巧

添加时间:2013-12-6
    相关阅读: 优化网站 网页 开发 搜索引擎 CSS 网站 优化

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

需要使用的工具

据笔者发现,最简单的工具是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/



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

本文作者:未知
咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册