如何提高网页加载速度!

去掉页面冗余代码,多个外部JS合并压缩,图片实时压缩,服务器开启gzip压缩,css sprites技术等都可以减少请求和下载量,相信做好这些,马上让你的网站提升N倍的速度,做为网站排名的一个有力武器。如何让访客停留在你的页面上,优化网站的加载速度就显得至关重要了。

网页的html代码优化是对网站进行瘦身的基础,缩减不必要的网页代码是优化客户端,加快网站加载速度的主要手段。代码优化具体来讲都是一些关于标记的优化,清理标记不仅仅能缩减文档的大小,而且能够让文档更易于维护提高搜索引擎的可见度。下面举几个常见的需要优化的代码示例。

1、删除script中的注释符。在大部分主流浏览器里,往脚本块里添加HTML注释是完全不需要的。估计老的掉牙的浏览器也没有用户在使用了。

2、将事件属性(如onclick=“…”,onmouseover=“…”等)写在HTML标签内是一种很不明智的做法,降低了代码的可维护性,同时污染了标签。可以将事件属性通过JS动态添加,不仅可以灵活控制,还可以利用JS客户端缓存的优势,让这些事件属性不必每次跟随文档请求。

3、< form method=“get” >中,form的默认method是get,所以如果是使用get的话可以不用写。

4、< input type=“text” >的默认属性为text,可以忽略。

5、< meta http-equiv=”Content-type” … >。指定文件的字符编码一直都引起极大的混乱,Content-type的优先级并不比HTTp HEADER高,当两者都存在时,请求头更优先,所以如果你能控制好服务器响应,并且设置好HEADER,那MATE就可以安全的忽略,除非页面需要本地浏览的时候。

以上是集中常见的标记优化方法,对于优化网页加载速度,还可以利用一些工具进行分析处理,笔者在之前写过的《巧用Google工具优化首页加载速度》中,就针对其负责的齐鲁人才网为例进行了网页加载速度的优化分析,google提供的page-speed工具可以提供详细的网页速度优化报告,该报告中可以清楚的看到需要优化的内容。需要进行处理的主要项目有:

1、浏览器的缓存文件。对图片文件的缓存过期时间进行合理的设置可以有效的提升网页加载速度。

2、“Specify image dimensions”:指定图片的尺寸。浏览器在加载页面的时候就要计算图片的尺寸,增加了加载时间。所以对图片的尺寸进行指定有利于提升速度。

3、该工具中也提供了一些关于代码优化的方法。

合并JS文件,降低浏览器对JS文件的读取,有效的减少http的请求数量;用gzip格式的压缩,可以明显减少文本文件的大小,从而节省带宽和加载时间;

在网站的CSS文件中可能会存在一些用不到的代码,这项工作应该在网站的发布之前对CSS,JS文件进行检查,删除没有用到的代码。

创新互联建站服务项目包括江城网站建设、江城网站制作、江城网页制作以及江城网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,江城网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到江城省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

众所周知,ASp、pHp、JSp等程序实现了网页信息的动态交互,运行起来的确非常方便,因为它们的数据交互性好,能很方便地存取、更改数据库的内容,使网站“动”起来,如:论坛、留言板等。但是这类程序必须先由服务器执行处理后,生成HTML页面,然后再“送”往客户端浏览,这就不得不耗费一定的服务器资源。如果在虚拟主机上过多地使用这类程序,网页显示速度肯定会慢,所以没有必要,请尽量使用静态的HTML页面。


文章名称:如何提高网页加载速度!
转载来源:http://cdiso.cn/article/spjsdi.html

其他资讯