西安网页设计浅析如何提高网站打开速度

网站打开速度直接影响了用户体验，试想用户在互联网上查阅资料时进入了你的网站，如果页面超过3秒还没加载出来，大部分用户会马上关闭你的网站，这样无疑是会导致用户流失。网站打开速度快不仅能给用户带来流畅的阅读体验，对于搜索引擎优化也是很有帮助的。下面是我总结的一些影响网站打开速度的主要原因，大家可以看看自己的网站在哪些方面还可以优化提高。

1.减少页面大小

尽可能地减少使用flash控件和复杂的js代码，给网站代码瘦身，这些重口味的东西看起来绚丽，其实华而不实。

网站上的图片是优化的重点，对图片我们要压缩到合适的分辨率和尺寸，如果是显示文章标题图片的地方，一定要使用和网站缩略图相同尺寸的图片，切勿直接使用原图显示。

2.减少请求数量

访问加载主要的时间耗费在各类js、css、图片等文件上，每一个文件都是一个单独的请求线程，过多的请求会影响网站加载速度，并且给服务器带来更大的压力。我们要做的是竟可能地减少不必要的请求，例如检查是否存在没用的js和css文件，是否可以将多个js、css文件进行合并。

对于图片，一方面是控制大小，另一方面是合并图片，使用css来切割显示图片。优秀的网站会把页面中出现的小图标、logo等，合并在一张图片上，只通过一次请求获取，再使用css控制不同位置显示图片的不同区域。大的展示图片最好使用jpg格式，文件大小会小很多，透明图标使用png或gif格式。

3.尽可能使用静态页面

静态页面不仅速度快，而且节省服务器资源，安全性也好。静态页面省去了和服务器的运算、数据库的调用，能够支持的并发量比动态页面高很多。目前很多开源的cms系统都支持此功能，自己实现起来也不复杂。所以，如果页面没有特殊功能性要求，尽可能地使用静态页面。

4.选择优质的服务器

服务器的性能和稳定性对网站的打开速度有着至关重要的影响。目前大部分的中小型网站采用虚拟主机或者云服务器。各位要根据自己网站的访问量、并发量、流量使用情况、计算密集度等，选择适合自己网站的服务器配置及带宽。

我的网站使用的是阿里云的云服务器ECS，速度和稳定性都很好。之前也使用过便宜的虚拟空间，效果很不好，时常发生网站无法访问的情况，所以还真是一分价钱一分货。建议大家还是选择阿里、腾讯、百度这些大企业的云服务，绝对不会花冤枉钱。

5.服务器开启Gzip压缩

通常在服务器上的Apache、Nginx、tomcat都可以直接开启这个设置，而且浏览器自ie6就具备了此功能。开启此功能后，一般网页的大小能减少50%以上，不仅可以提高用户访问速度，还可以减少服务器带宽压力，效果还是很可观的。下面是两个演示对比图：

未开启Gzip：

开启Gzip后：

技巧1：如何了解网页的大小及请求数量？

以我的网站首页为例，我们可以使用浏览器的“保存网页”功能（快捷键Ctrl+S），把网页保存到本地看一下大小，网页大小不仅是html页面的大小，还包括文件夹里的css、js、图片等文件。

在网页中按F12，调出浏览器调试工具，在”Network”选项下，可以看到网页的所有请求，和响应时间，大家可以找一找有没有大文件拖慢网站打开时间。

技巧2：如何测试自己网站的打开速度？

网站上线前，我们应该对网站的打开速度在本地服务器下进行人工测试，如果这时候已经发现慢了，在公网环境下会更慢，一定要查找原因修复。

网站上线后，可以借助第三方的测速网站对我们的网站进行测试，比如站长工具网速测。