其实方法非常简单,也可以说没什么技术含量。Analytics的统计数据表明,加入了这一效果之后,用户的“平均停留时间”的确有所提高。可见,一个“正在加载”让许多用户都有更多的耐心等待,而不会因为屏幕空白太久而不耐烦地离开。
这样,当页面完全加载完毕之后,loading就隐掉了。建议把一些重量的JavaScript库都放到这段loading之后引入。这样在浏览器端,你的“Loading”会飞快地出现,用户会觉得你的服务器响应非常迅速。然而,如果你从各种不同的域名下先加载几百kb的JavaScript库,估计用户在你的“Loading”出现之前就已经关闭页面了。
在其上方添加
正在加载
找到
在下方添加一行
3.修改layout.css在最下方添加一段程序代码
#loading {height:100px;background:url(../images/loading.gif) no-repeat center center;position:fixed}