如何通过代码优化，让网站打开速度飞起来

搜索引擎优化网页打开的最佳速度：2秒！网页内容所包括的文本、产品的图片、视频、Flash文件等。对于访客 网站打开至加载到底部的代码时间...

一、如何判断一个网页的打开速度

1、网页内容的大小

网页打开时间=网页内容大小/较小带宽+解析次数*每次解析时间+服务器处理时间+客户端解析时间。用户较满意的打开网页时间，是在2秒以下。用户能够忍受的较长等待时间的中位数，在 6-8秒之间。这就是说8秒是个临界值，如果你的网站打开速度在8秒以上，那么很可能，大部分访问者到头来都会离你而去。

2、 控制页面的总规模

要想把网页做得精彩，内容必须丰富，但不要把所有的内容都放在一个页面上，应控制页面的总规模。先说说统计页面中的每个元素， 如文字、图像、ActiveX或Java代码以及HTML文本的大小，页面容量较好在50K以下。

二、 网页设计优化

1、让网页符合W3C标准

在网页制作中使用结构层同表现层有效分离。也就是说布局使用CSS而不用TABLE。这样做不仅能替换掉专业的表现层的垃圾代码如标签。而且也能让你的网站在重构方而能够轻松实现。

让HTML标记有始有终。不管是我们自己写或是查看他人的HTML代码时会发现HTML代码标签写得不规范。有的标记有头无尾，但是并没有妨碍代码的正确施行。但浏览器却会花费时间来判断和计算段落或者列表项目在哪里结束。所以我们一定要让标记有始有终，这样做不仅使HTML代码格式规范，更可以加速页面的显示速度。

2、 优化层叠样式表

层叠样式表CSS是HTML的装扮器，一个漂亮的Web页面不可能没有它。通常 我们要合并精减CSS代码，移除无用多余代码；图片尽量不要使用CSS的滤镜来渲染；CSS的选择器尽量简单定义。

HTML页面中有多种引用CSS的方法，不同的方法导致的效率也不一样。通常， 我们可以将定义于

3、优化图片

一般在网页上使用的图片格式有三种，jpg、png、gif。我们只需知道在什么时候应该使用什么格式，以减少网页的加载时间。

图片的使用显示。需要显示图片时尽量使用背景图片，而不是直接加载。也需要注意的是尽量不要用一个很小的图片当背景，这样做会加大客户端CPU处理时间。

图片在HTML代码里要标明大小。这样浏览器就能事先留好空。当你在网页上添加图片或表格时你应该指定它们的高度和宽度，也就是参数。如果浏览器没有找到height和width这两个参数， 它需要一边下载图片一边计算大小，如果图片很多，浏览器需要不断地调整页面。这不但影响速度，也影响浏览体验。

4、 优化脚本语言

网页的效果离不开脚的支持，我们经常会在页面中嵌入多种脚本语言，比如常用到的javascript与VBScript语言。动态脚本代码在使用中也可以进行一定的优化。

能用层叠样式表实现效果时不使用脚本语言。如必须使用动态脚本代码时尽量将代码外放。

将多个页面都用到的脚编写成独立存在的脚本文件，然后再在页面中通过JAVASCRIPT等脚本语言调用它。

5、其它技巧的优化

巧用IFRAME布局

巧用iframe加快网页打开速度。如果网页上插入一些广告代码，又不想让这些广告网站影响度的话，那么使用iframe较合适不过了。

不要让统计代码影响速度

很多网站都有统计代码， 为站长和广告商家提供访问依据，但是不管功能有多强大的网站统计系统，都会有出问题的时候。

页面静态化设计

有些内容可以静态化就将其静态化，以减少服务器的负担。如用图片代替flash，这对seo也有好处。同理，能用静态HTML页面实现的，尽量用静态网页。

对于网页设计者 每一个页面都应该是精雕细刻，尽其可能优化每一个细节，加快网页下载打开的速度，以提高用户体验的感受，能够让我们的网站有更好的用户体验，赶快按照上面说的方法，让自己的网站打开速度飞起来吧！

---