用户体验三要素：别让我等、让我想、让我烦.pdf

云客网 您网站的流量加油站 用户体验三要素：别让我等、让我想、让我烦 导语：一个好的网站是如何炼成的？在这个时代，每一个网站、甚至每一款产品 都在打着“重视用户体验”的旗号。那么，用户真实的想法到底如何呢？ 文/需要致命一击的位爷 别让我等 曾有很多研究表明：用户最满意的打开网页时间是2-5秒，如果等待超过 10秒， 99%的用户会关闭这个网页。也许这样讲，各位还不会有太多感触，接下来，我 列举一组数据：Google 网站访问速度每慢400ms 就导致用户搜索请求下降 0.59%;Amazon 每增加100ms 网站延迟将导致收入下降 1%;雅虎如果有400ms 延迟会导致流量下降5-9%。 怎么样?现在感受如何?是不是该马上去做测试工作呢。 这时候你也许会问：什么原因会导致网站打开慢?有什么办法解决呢?别急，我一 一道来。以下内容有些偏技术层面，各位需要耐心阅读。 1、减少HTTP请求数 用户在打开一个网页的时候，后台程序响应用户所需的时间并不多，用户等待的 时间主要花费在下载网页元素上了，即HTML、CSS、Javascript、Flash、图片等， 统计显示，每增加一个元素，网页载入的时间就增加25-40毫秒(取决于用户的 带宽情况)。 所以，想要提高网页打开速度，就要减少HTTP请求数，方法有3种： 1)减少不必要的HTTP请求，例如用CSS 圆角代替圆角图片，减少图片的使用。 2)合并文件，对于文本文件，可以直接合并内容。例如将多个JS(Javascript 的简 称)文件合并成一个，将多个CSS文件合并成一个。 SEO排名 / 云客网 您网站的流量加油站 3)优化缓存，对于没有变化的网页元素(如页头、页尾等)，用户再次访问的时候 没有必要重新下载，直接从浏览器缓存里读取就可以了。 2、使用CDN(Content DeliveryNetwork，内容分发网络) CDN 由一系列分散到各个不同地理位置上的Web 服务器组成，它根据和用户在 网络上的靠近程度来指定某台服务器响应用户的请求。当你的网站图片很多事， 就一样要使用CDN 了，比如现在的电商网站，几乎都在使用CDN。 3、压缩网页元素 网页中的每个元素越小，下载所需的时间就越少，这个很好理解。现在比较成熟 和流程的压缩网页的方式，是通过Gzip，我自己的实操经验来看，一般可以将 网页文本内容减少70%以上。 4、样式表放在网页Head 部分 这也是我实际操作过的案例，把样式表(CSS文件)移到网页的Head 部分，可以 提高页面的加载速度，让页面元素顺序显示。 5、把JS文件放到网页底部 网页打开时，所有元素是顺序显示的。由于JS文件的特殊性，其相比其他元素 来说，会加载的很慢，在JS文件下载完成之前，其他后面元素的顺序显示将被 阻塞，因此把JS文件尽量放在底部，意味着内容能被快速显示。 6、把样式表和JS脚本放到外部文件中 尽管将样式表和JS脚本直接写入网页HTML 中，可以减少外部文件调用数量， 但是，这样做会增加网页的文件大小。综合来看，将样式表和JS脚本放到外部 文件中，也许用户首次访问时会有点慢，但是后续在访问网站时，用户直接通过 浏览器缓存就可以用，从而达到减少HTTP请求数的目的，为最优的做法。 写在最后的话： 在提升网页打开速度经常被忽视的一个问题是响应。对于用户来说，每次的操作， 不管返回结果是慢，还是快，都要及时予以响应，最典型的例子就是：当用户点 击打开一张图片时，是否有百分比数字显示的进度条，就是一个典型的响应设计。 一流的网站用户体验绝对不是一蹴而就的，要进行充分的可用性测试，收集用户 的反馈，持续改进。 别让我想 用户不会使用一个网站绝对不是用户的错，他会打开电脑，会使用键盘和鼠标， 会打开浏览器上网，经过这么步骤最终到达了你的网站，然后发现网站上一团糟， SEO排名 / 云客网 您网站的流量加油站 搞不懂这是什么，那是什么，也懒得学习如何使用，于是就会眼都不眨一下就关 闭你的网站。这是很现实的一个用户行为。 在网站能够快速触达用户之后，网站运营人员面临的下一个重要问题就是：如何 留住用户? SEO排名 /