欢迎来到天天文库
浏览记录
ID:8992045
大小:14.68 KB
页数:2页
时间:2018-04-14
《关于网页打开速递优化》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、谈谈关于网页打开速递优化一个网站的页面打开速度直接影响着其用户体验,网页的访问速度直接关系到了网站运营的成败,所以优化网站的加载速度就显得至关重要了。网页的html代码优化是对网站进行瘦身的基础,缩减不必要的网页代码是优化客户端,加快网站加载速度的主要手段。代码优化具体来讲都是一些关于标记的优化,清理标记不仅仅能缩减文档的大小,而且能够让文档更易于维护提高搜索引擎的可见度。下面举几个常见的需要优化的代码示例。 1、删除script中的注释符。在大部分主流浏览器里,往脚本块里添加HTML注释是完全不需要的。估计老的
2、掉牙的浏览器也没有用户在使用了。 2、将事件属性(如onclick=“…”,onmouseover=“…”等)写在HTML标签内是一种很不明智的做法,降低了代码的可维护性,同时污染了标签。可以将事件属性通过JS动态添加,不仅可以灵活控制,还可以利用JS客户端缓存的优势,让这些事件属性不必每次跟随文档请求。 3、中,form的默认method是get,所以如果是使用get的话可以不用写。 4、的默认属性为text,可以忽略。 5、3、ahttp-equiv=”Content-type”…>。指定文件的字符编码一直都引起极大的混乱,Content-type的优先级并不比HTTPHEADER高,当两者都存在时,请求头更优先,所以如果你能控制好服务器响应,并且设置好HEADER,那MATE就可以安全的忽略,除非页面需要本地浏览的时候。 以上是集中常见的标记优化方法,对于优化网页加载速度,还可以利用一些工具进行分析处理,笔者在之前写过的《巧用Google工具优化首页加载速度》中,就针对其负责的齐鲁人才网为例进行了网页加载速度的优化分析,google提4、供的page-speed工具可以提供详细的网页速度优化报告,该报告中可以清楚的看到需要优化的内容。需要进行处理的主要项目有: 1、浏览器的缓存文件。对图片文件的缓存过期时间进行合理的设置可以有效的提升网页加载速度。 2、“Specifyimagedimensions”:指定图片的尺寸。浏览器在加载页面的时候就要计算图片的尺寸,增加了加载时间。所以对图片的尺寸进行指定有利于提升速度。 3、该工具中也提供了一些关于代码优化的方法。 合并JS文件,降低浏览器对JS文件的读取,有效的减少http的请求数量;用gzi5、p格式的压缩,可以明显减少文本文件的大小,从而节省带宽和加载时间; 在网站的CSS文件中可能会存在一些用不到的代码,这项工作应该在网站的发布之前对CSS,JS文件进行检查,删除没有用到的代码。
3、ahttp-equiv=”Content-type”…>。指定文件的字符编码一直都引起极大的混乱,Content-type的优先级并不比HTTPHEADER高,当两者都存在时,请求头更优先,所以如果你能控制好服务器响应,并且设置好HEADER,那MATE就可以安全的忽略,除非页面需要本地浏览的时候。 以上是集中常见的标记优化方法,对于优化网页加载速度,还可以利用一些工具进行分析处理,笔者在之前写过的《巧用Google工具优化首页加载速度》中,就针对其负责的齐鲁人才网为例进行了网页加载速度的优化分析,google提
4、供的page-speed工具可以提供详细的网页速度优化报告,该报告中可以清楚的看到需要优化的内容。需要进行处理的主要项目有: 1、浏览器的缓存文件。对图片文件的缓存过期时间进行合理的设置可以有效的提升网页加载速度。 2、“Specifyimagedimensions”:指定图片的尺寸。浏览器在加载页面的时候就要计算图片的尺寸,增加了加载时间。所以对图片的尺寸进行指定有利于提升速度。 3、该工具中也提供了一些关于代码优化的方法。 合并JS文件,降低浏览器对JS文件的读取,有效的减少http的请求数量;用gzi
5、p格式的压缩,可以明显减少文本文件的大小,从而节省带宽和加载时间; 在网站的CSS文件中可能会存在一些用不到的代码,这项工作应该在网站的发布之前对CSS,JS文件进行检查,删除没有用到的代码。
此文档下载收益归作者所有