Question

如何处理前端页面首次加载慢的问题

下图是谷歌浏览器看到的加载顺序,其中有一段时间是断档的,很不理解,这个断档导致整个界面的加载速度一下多出来8秒多,看了下详细其中一项是Queueing,这个时间很长,最多的时候能是5秒,这个怎么解决,具体情况如下图,项目是用augular框架写的,版本很古老1.几的应该是

Answer 1

这是一个ajax请求，几秒钟的延迟时间属于正常范围，它是异步运行的，对页面的加载速度不会造成直接影响。从图片中可看出，它的加载时间为138ms，不算长啊，后面的4.84s是它等待服务器返回数据的时间，在这段时间里，页面的其他元素是继续加载的，不会受影响。所以这个4.84s是不算在首页加载时间内的。就好比一个体育赛事直播的网页，它的比分一般都是通过ajax异步方式定时刷新的，而这个刷新的时间并不算在页面的加载时间内，因为这时候页面早就加载完毕了。
当然，这个4.84s的时间长短，是由多种因素造成的，比如电脑性能、网络状态等，但最大的影响因素通常都是后台数据库的查询速度，通过优化可以大大缩短这个查询时间。

追问

是这样子,页面能加载出来,但是里面的内容要等很长时间,也就是说是后端的查询速度的事是吧

追答

是的。就好比360的开机时候的延迟加载技术，它把电脑开机后就立即运行的一些程序设为延迟加载，这样电脑的启动速度就加快了。等电脑启动完毕后，360再开始慢慢地启动那些程序。这虽然是一种投机取巧，但使用中确实会让人觉得电脑开机变快了。

Answer 2

1、查看引用的js是否版本过低

2、优化图片质量大小
3、是否引用外部链接（并且外部链接是否失效导致数据无法找到）

追问

ok,我先找一下,js版本确实挺低的,用angular写的,完全就是自己硬拼凑的,以前古老的项目了