用户体验三要素:别让我等别让我想别让我烦

什么原因会导致网站打开慢?有什么办法解决呢?别急,我一一道来。以下内容有些偏技术层面,各位需要耐心阅读。

操作方法

  • 01

    1、减少HTTP请求数 用户在打开一个网页的时候,后台程序响应用户所需的时间并不多,用户等待的时间主要花费在下载网页元素上了,即HTML、CSS、JavaScript、Flash、图片等,统计显示,每增加一个元素,网页载入的时间就增加25-40毫秒(取决于用户的带宽情况)。 所以,想要提高网页打开速度,就要减少HTTP请求数,方法有3种: 1)减少不必要的HTTP请求,例如用CSS圆角代替圆角图片,减少图片的使用。 2)合并文件,对于文本文件,可以直接合并内容。例如将多个JS(JavaScript的简称)文件合并成一个,将多个CSS文件合并成一个。 3)优化缓存,对于没有变化的网页元素(如页头、页尾等),用户再次访问的时候没有必要重新下载,直接从浏览器缓存里读取就可以了。

  • 02

    2、使用CDN(Content Delivery Network,内容分发网络) CDN由一系列分散到各个不同地理位置上的Web服务器组成,它根据和用户在网络上的靠近程度来指定某台服务器响应用户的请求。当你的网站图片很多事,就一样要使用CDN了,比如现在的电商网站,几乎都在使用CDN。

  • 03

    3、压缩网页元素 网页中的每个元素越小,下载所需的时间就越少,这个很好理解。现在比较成熟和流程的压缩网页的方式,是通过Gzip,我自己的实操经验来看,一般可以将网页文本内容减少70%以上。

  • 04

    4、样式表放在网页Head部分 这也是我实际操作过的案例,把样式表(CSS文件)移到网页的Head部分,可以提高页面的加载速度,让页面元素顺序显示。

  • 05

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

  • 06

    6、把样式表和JS脚本放到外部文件中 尽管将样式表和JS脚本直接写入网页HTML中,可以减少外部文件调用数量,但是,这样做会增加网页的文件大小。综合来看,将样式表和JS脚本放到外部文件中,也许用户首次访问时会有点慢,但是后续在访问网站时,用户直接通过浏览器缓存就可以用,从而达到减少HTTP请求数的目的,为最优的做法。

(0)

相关推荐

  • 设计体验三要素

    本文仅写给刚入行的设计师或者交互设计师同学~如果你是设计界的大牛,交互界的大神,您可以马上关闭这边文章,头也不回的去改变世界,以免对您宝贵的时间造成不必要的浪费,但同时还是欢迎您对我文章的不足之处提出 ...

  • 网站内容的用户体验六要素

    一个成功的营销型网站的用户体验是必不可少的.做足这几点就能通过你的网站为你带来不小的收获. 步骤/方法 01 访问速度.网络上有个10秒原则,10秒内无法打开网页的话,90%的用户将选择离开.这种说法 ...

  • 用户体验设计的价值——感悟和反思

    听到"用户体验设计",大家再熟悉不过,无处不在的"提升用户体验" ,张口闭口的"用户至上",时不时飙出的"以人为本",近 ...

  • 分享网站用户体验的八大要素

    用户体验是指一个用户访问一个网页或者使用一个产品的全部体验,包括印象和感觉.忍受和质疑.期望和收益三个部分.对于选定的目标访问群体,他们的用户体验则是非常重要的,它虽然是不确定的主管心理感受,但它是衡 ...

  • 以用户体验为导向的设计表现

    小编:@王涛以"用户体验"为导向,要从满足用户最基本的心里需求出发,要不断的差异化创新产品和服务得到用户的认可." 国内的互联网起步很晚,早期的互联网设计也都较为&quo ...

  • 提升对话框用户体验的5个基本准则

    怎样提高对话框的用户体验? 当你正确设计和使用对话框的时候,对话框是非常有效的用户界面元素.它能帮助用户更快速便捷地完成他们的目标.但使用不当的话,对话框同样会令用户困惑不已.清楚地了解怎样正确设计对 ...

  • 2017新零售用户体验观察

    过去的2017年被誉为"新零售元年"从早前的颜艳春的<第三次零售革命>到阿里的"五新"战略,再到京东的"新零售革命" 等等一系列 ...

  • 决不伤害用户 迅雷三招搞定隐私保护

    近日有消息称,谷歌将担负创建一个全球隐私保护标准的责任,这个标准将规定公司如何保护用户的数据。诚然,隐私问题是一个现在大家讨论得非常多的话题,系统及应用软件一般也提供了相应的选项或功能来帮助用户更好地 ...

  • 如何在米家App中设置加入用户体验计划?

    现在很多软件为了更好地优化更新,推出了用户体验计划,接下来小编就给大家介绍一下如何在米家App中设置加入用户体验计划.具体如下:1. 首先第一步打开手机中的[米家]App.2. 第二步进入软件首页后, ...