记一次前台展示数据（ajax数据多）的优化过程

1。该项目中期数据加载过慢，首次进去可能需要几十秒的反应时间。后台记录时间，发现除了一个请求封装数据有问题，耗时五六百毫秒，其他的时间可以接受。

但真实时间确是花了几十秒，问题主要出在前台，加载播放器的时候，过于缓慢。首先是播放器的字体耗时 775 ms,其次播放器的图片加载

耗时  1.48s 和 1.76s,ajax请求为  632ms,主要时间都花在css以及js的加载上，故进行优化

2。通过实验发现，之所以js、css加载慢，都是因为这些资源都需要通过下载，而有些大点的资源耗时就会很高。

3、普遍的做法是压缩js以及延迟加载。压缩js可以在能下载到的资源上做文章，这点应该很有效，压缩级别高的话，可以极大地节省时间。

如果要使用延迟加载，其原理是优先加载静态资源，这样就可以不会让人感到厌烦，但是这只是一种投机取巧的行为，因为像播放器这种，再如何延迟加载

如果要播放以及初始化好，还是需要那么长的时间，因此不是很建议

 

转载于:https://www.cnblogs.com/yxb-ylp-520/p/7932308.html