打造受欢迎网站的第一步

关于受欢迎网站用户体验的办法论有许多，最基本的：别让我等！！进步页面翻开速度。

 

为何迅雷在下载软件中独树一帜？为何越来越多的用户在低画质的视频网站上在线观看连续剧，而不是下载更清晰的视频文件？答案是：用户的耐性非常有限，用户对速度的追求远远超过了对画质等因素的追求。

 

回到网站运营问题上，你是否有在全国各地都测试过，拜访翻开你的网站需求几秒？

 

曾有许多研讨标明：用户最满意的翻开页面时刻是2-5秒，如果等候超过10秒，99%的用户会关闭这个页面。也许这样讲，各位还不会有太多感触，接下来，我列举一组数据：Google网站拜访速度每慢400ms就致运用户搜索恳求下降0.59%；Amazon每添加100ms网站推迟将致使收入下降1%；yahoo如果有400ms推迟会致使流量下降5-9%。

 

如何？现在感受如何？是不是该马上去做测试工作呢。

 

这时候你也许会问：什么原因会致使网站翻开慢？有什么办法解决呢？别急，我一一道来。以下内容有些偏技术层面，各位需求耐性阅览。

 

1、削减HTTP恳求数

 

用户在翻开一个页面的时候，后台程序呼应用户所需的时刻并不多，用户等候的时刻主要花费在下载页面元素上了，即HTML、CSS、JavaScript、Flash、图像等，统计显示，每添加一个元素，页面载入的时刻就添加25-40毫秒（取决于用户的带宽情况）。

 

所以，想要进步页面翻开速度，就要削减HTTP恳求数，办法有3种：

 

1）削减不必要的HTTP恳求，例如用CSS圆角代替圆角图像，削减图像的运用。

 

2）合并文件，关于文本文件，能够直接合并内容。例如将多个JS（JavaScript的简称）文件合并成一个，将多个CSS文件合并成一个。

 

3）优化缓存，关于没有改变的页面元素（如页头、页尾等），用户再次拜访的时候没有必要重新下载，直接从浏览器缓存里读取就能够了。

 

2、运用CDN（Content Delivery Network，内容分发网络）

 

CDN由一系列分散到各个不同地理位置上的Web服务器组成，它根据和用户在网络上的靠近程度来指定某台服务器呼应用户的恳求。当你的网站图像许多事，就一样要运用CDN了，比如现在的电商网站，几乎都在运用CDN。

 

3、紧缩页面元素

 

页面中的每个元素越小，下载所需的时刻就越少，这个很好理解。现在对比成熟和流程的紧缩页面的方式，是经过Gzip，我自己的实操经验来看，一般能够将页面文本内容削减70%以上。

4、样式表放在页面Head部分

 

这也是我实际操作过的案例，把样式表（CSS文件）移到页面的Head部分，能够进步页面的加载速度，让页面元素顺序显示。

 

5、把JS文件放到页面底部

 

页面翻开时，一切元素是顺序显示的。由于JS文件的特殊性，其相比其他元素来说，会加载的很慢，在JS文件下载完成之前，其他后面元素的顺序显示将被阻塞，因此把JS文件尽量放在底部，意味着内容能被快速显示。

 

6、把样式表和JS脚本放到外部文件中

 

尽管将样式表和JS脚本直接写入页面HTML中，能够削减外部文件调用数量，但是，这样做会添加页面的文件大小。综合来看，将样式表和JS脚本放到外部文件中，也许用户首次拜访时会有点慢，但是后续在拜访网站时，用户直接经过浏览器缓存就能够用，从而达到削减HTTP恳求数的目的，为最优的做法。

 

写在最后的话：

 

在提升页面翻开速度经常被忽视的一个问题是呼应。关于用户来说，每次的操作，不论返回结果是慢，还是快，都要及时予以呼应，最典型的例子就是：当用户点击翻开一张图像时，是否有百分比数字显示的进度条，就是一个典型的呼应设计。