网站优化之优化网页打开速度

开发 前端
本文介绍的是我们在优化网站时,该怎么优化网页的加载速度。希望对你有帮助,一起来看。

网页打开速度也是网站优化的一项重要内容。给大家推荐一篇文章,也许会对你有帮助的,《分享提高网页加载速度的方法和技巧》。

一个网站的页面打开速度直接影响着其用户体验,试想有几个访客会在把时间浪费在一个加载速度超过8秒得页面上,现在互联网的信息无处不在,访客可以从很多页面中获取信息,如何让访客停留在你的页面上,优化网站的加载速度就显得至关重要了。

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

1、删除script中的注释符。

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

2、不要将属性写在HTML标签内

将事件属性(如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文件进行检查,删除没有用到的代码。

希望对你有帮助。

【编辑推荐】

  1. 浅谈SEO基础之筛选关键字策略
  2. 网站优化之如何优化图片
  3. 网站优化之网站内部优化必杀技
  4. 网站优化之六个细节导致全功尽弃
  5. 如何优化URL利于网站优化

 

责任编辑:于铁 来源: 互联网
相关推荐

2011-06-28 18:04:06

网站优化

2011-07-21 16:40:28

网站优化

2011-06-20 14:44:49

网站优化

2011-06-24 16:44:43

网站优化

2011-06-23 19:13:08

ALT标签

2011-06-23 09:09:12

2011-03-31 09:19:54

数据库优化

2014-03-11 15:47:29

大型网站速度优化运维人员

2011-06-24 17:23:30

网站优化

2011-06-20 13:56:56

内链

2024-12-03 11:12:47

2011-06-20 14:59:33

网站优化

2019-03-18 15:35:45

WebCSS前端

2017-12-05 13:41:02

SQL数据库SQL查询

2019-03-15 15:00:49

Webpack构建速度前端

2011-06-30 17:13:17

SEO用户体验

2011-06-30 15:45:55

SEO

2013-08-27 13:13:29

移动网站性能优化移动web

2011-06-24 13:49:29

SEO网站优化

2011-06-07 15:42:25

优化URL
点赞
收藏

51CTO技术栈公众号