网站的打开速度是一个非常重要的用户体验考核标准，当然，影响网站打开速度的原因有很多，比如服务器的问题，比如程序的问题等等，本文和大家主要分析的不是外部因素，主要是大家在网站设计过程当中，把内部因素做到极致，加快网站的打开速度就是这么简单!1 j# r' m$ i0 f& x. T
一、如何判断一个网页的打开速度
+ q2 d) D5 K# C1 c. c" c 1、网页内容的大小: n! ~( F! g3 q
搜索引擎优化网页打开的最佳 速度：2秒!网页内容所包括的文本、产品的图片、视频、Flash文件等。 我们有一个网页访问的时间计算公式：网页打开时间=网页内容大小/最小带宽+解析次数*每次解析时间+服务器处理时间+客户端解析时间。用户最满意的打开网页时间，是在2秒以下。用户能够忍受的最长等待时间的中位数，在 6-8秒之间。这就是说，8秒是个临界值，如果你的网站打开速度在8秒以上，那么很可能，大部分访问者最终都会离你而去。, S) g7 t' E. t: E9 q* ?0 N
2、控制页面的总规模5 P; E% u0 u: p0 D& z ]8 t! g. I
要想把网页做得精彩，内容必须丰富，但不要把所有的内容都放在一个页面上，应控制页面的总规模。首先统计页面中的每个元素，如文字、图像、ActiveX或Java代码 以及HTML文本的大小，页面容量最好在50K以下。" s8 ?5 q9 I( d
二、网页设计优化2 `% a/ E/ R" o5 L
网页优化是指在设计，使用网页各元素时，能够尽量减少网页元素对下载速度所产生的影响。这些细节我们了解后，是能在日常网页制作中可以进行避免的。+ G/ z0 ^" ^/ C" }
1、让网页符合W3C标准0 r0 Q9 D" n* R, s! u
(1)在网页制作中使 用结构层同表现层完全分离。也就 是布局使用用CSS而不用TABLE。这样做不仅能替换掉专业的表现层的垃圾代码如标签。而且也能让你的网站在重构方而能够轻松实现。几年来的多项研宄已证实，如果对一个网站进行重写，使用DIV+CSS布局取代表格布局，那么可以砍掉原XHMTL文档大小的一半。$ B% w- ?$ i# i2 ~6 o) L
(2)让HTML标记有始有终。不管是我们自己写或是查看他人的HTML代码时，会发现HTML代码标签写得不规范。有的标记有头无尾，如标签li，标签p。它并没有妨碍代码的正确执行。但浏览器却会花费时间来判断和计算段落或者列表项目在哪里结束。所以，我们一定要让标记有始有终，这样做不仅使HTML代码格式规范，更可以加速页面的显示速度。! {# i- q$ p7 T
2、优化层叠样式表
( M- u8 u9 y- s5 C' s7 n (1)层叠样式表css是HTML的装扮器，一个漂亮的Web页面不可能没有它。一般来说，我们要合并精减CSS代码，移除无用多余代码;图片尽量不要使用CSS的滤镜来渲染; CSS的选择器尽量简单定义。( F7 Z/ E% @* J# J
(2)HTML页面中有多种引用CSS的方法，不同的方法导致的效率也不一样。通常，我们可以将定义于
# `- o! @- b1 D6 g6 V0 e6 s 3、优化图片
$ k5 U5 J) V. e# r) Q5 E 图片可以说是影响网页加载速度最大的因素，不管是使用图片优化工具，还是减小图片大小。在质量和文件大小之间必须找到一个合适的均衡点。主要有以下几个需了解的方面。
- F7 z: ]2 W1 q+ R- S) S0 P# I （1）一般在网页上使用的图片格式有三种，jpg、png、gif。我们只 需要知道在什么时候应该使用什么格式，以减少网页的加载时间。, z6 v) I p, a j
（2）图片的使用显示。需要显示图片时，尽量使用背景图片，而不是直接加载。也需要注意的是尽量不要用一个很小的图片当背景，这样做会加大客户端CPU处理时间。比如说预载入下一页的主要内容时。在用户看到大图之前先把小图展开，让用户不至于在等待的过程中太焦虑。! @% V; V/ L+ k- [) D( g) I
（3）图片在HTML代码里要标明大小。这样浏览器就能事先留好空。当你在网页上添加图片或表格时，你应该指定它们的高度和 度，也就是参数。如果浏览器没有 找到height和width这两个参数， 它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度， 也影响浏览体验。# x1 e1 B6 r7 E# U; I7 @, w" ]
全款抵押车是什么意思？6 J8 {- c$ ^! [. O) i' v, X. K% q' F
i1 q0 e7 B: F5 C
|
