今天的手机的信号不好，打开一个网页，竟然让我等待了好几分钟，我都没有关闭，一直都在等待，后来才明白一件事，网络断了……而在这个页面停留这么长的时间一个重要原因，就是它不是空白的，也不是在转圈圈，而是预选加载了一些，让我停留一段时间之后，才知道断网了!

今天我们就谈谈，网页页面加载设计，网页加载设计，可能涉及到很多***况，而且经常可见，包括我们打开网页，网页之间的转化，以及离开网页的时候，都会出现，站在用户体验的角度来说，网站的加载设计有很多问道值得学习。

随着5G时代的到来，网络已经变得更加快了，并且对于用户电脑内存而言，动辄500G是太正常不过的事***，而网站设计中，经常有这样的说法， 不要在网站上加入太多的东西，以免影响用户打开速度，这种过时的说法，有可能会让一些精彩的设计被拒之门外。

所以，面对科技的***新月异，网站的加载设计通常也要在用户体验上下足功夫。当用户打开一个网站到时候，我们该如何表示对用户来到感到高兴呢?也许绚丽的画面，显得热闹，是***好的表达方式，而当用户从一个页面跳到另一页面的时候，这个时候，就应该去掉那些杂乱的东西，不要过多的干扰用户;额用户打算离开网站的时候，有的聪明的设计者，会在离开页面上加载一些吸引人的资讯信息和图片，以此表示对用户**的挽留。

显然，如果网站页面的设计，因为网速和上网设备的先进***，我们可以在页面加载中“植入”很多人工智能的想法，这样的做的目的，一方面提升了用户体验，让用户感受网站的诚意，另一个方面，**可能的增加了网站用户的留存率，停留时间，从而有利于网站权重的提升。

当然，在网站页面加载过程中，显示的画面是文字优先还是图片优先呢?通常我们觉得一个网站速度比较慢的时候，文字是**出现的，然后图片先出现一个大框，接着一点一点全部出现。不过，也有研究表面，图片**出现，更能吸引用户的眼球，那么，为了照顾用户体验和网站具有的特***，我们可以采取按需加载来进行设计。

具体而言，当用户打开网站的时候，可以优先加载可见区域的内容，延时加载不可见区域的内容，为了避免页面变形可以使用占位符，占位图片来固定宽高。如jquery中的ImageLazyLoad等一些插件就可以很好的实现按需加载，只有当用户鼠标向下滚动式，下面得图片才会加载。当然也可以用原生的js来实现。

总之，随着网速的加快，留给网站加载的时间越来越少了，甚至的有的网站会瞬间开启，如果抓住用户的容忍度，故意“延缓”网站的打开速度，就像某个新**宣传，先搞个短片推广一下，这种尝试也许冒一点风险，但未尝不可能，因为在APP中，我们已经习惯了5秒广告，网站也可以大胆的尝试一下!