用JQuery实现页面Loading的效果,全部加载完成之后进度条消失,怎么办?

说白了,用两个页面来解决AJAX加载是一种典型的“反弹加载”技术。
由于跨域和浏览器的缓存处理,这个问题变得复杂。

我们先来说说最重要的事情。
去年我们跑一个电商项目的时候,用户反映首页加载速度慢,直接用AJAX请求整个页面。
结果发现,当3 000个用户同时访问时,服务器CPU利用率飙升至9 0%。
还有一点就是空白页的加载图片一定要设置一个超时时间,比如3 秒后自动跳转,否则用户等了很久就会认为卡住了。
许多人不注意这一点。
还有另一个关键细节。
Append(data) 不能直接在成功回调中使用,因为有些页面有 iframe 或特殊脚本。
建议使用 eval() 或更可靠的 jQuery.parseHTML()。

一开始我以为隐藏加载图片就可以了,但后来发现不对劲。
有些浏览器会预加载实际的页面内容,这不如直接在空白页面上使用