以上几点,本人菜鸟,只是略微有些了解,比如不要第一次加载所有js文件等等,希望有高手能给出一点更具体的实施的措施,十分感谢!
1.把需要用到的JS文件依赖全部压缩。 2.按需加载,就是需要依赖哪些JS文件就加载哪些JS文件。 3.使用CDN。
数据做缓存,压缩合并代码
angular相对于react来说,首次加载真的是慢,没办法,react可以根据生命周期来决定何时加载。
主要就在1.异步加载2.按需加载3.数据缓存(不常更新的静态资源本地缓存,ajax请求缓存)4.加个loading提升用户体验5.CND6.压缩合并。客户端要加速的话,应该在文件大小,请求耗费时间,代码执行效率,移动端还应该注意类似于图片使用canvas能硬件加速,css布局layout也会影响效率,页面渲染等问题
针对js 第一次加载必要的就同步加载,不是首页需要的可以异步加载
把js,css压缩合并成两个文件,在阿里上申请一个免费的oss,把文件传上去。
Chrome或ff下f12看下整个加载过程1加载了多少文件多少静态多少动态的2每个静态加载的每步骤和动态的每步骤是否有特别畸形的3考虑dns解析、缓存使用率、请求到响应的延迟、传输过程、加载过程中的较大无动作的时间是否有异常另外你所在网络与服务器之间的线路是否稳定
1.把需要用到的JS文件依赖全部压缩。
2.按需加载,就是需要依赖哪些JS文件就加载哪些JS文件。
3.使用CDN。
数据做缓存,压缩合并代码
angular相对于react来说,首次加载真的是慢,没办法,react可以根据生命周期来决定何时加载。
主要就在
1.异步加载
2.按需加载
3.数据缓存(不常更新的静态资源本地缓存,ajax请求缓存)
4.加个loading提升用户体验
5.CND
6.压缩合并。
客户端要加速的话,应该在文件大小,请求耗费时间,代码执行效率,移动端还应该注意类似于图片使用canvas能硬件加速,css布局layout也会影响效率,页面渲染等问题
针对js 第一次加载必要的就同步加载,不是首页需要的可以异步加载
把js,css压缩合并成两个文件,在阿里上申请一个免费的oss,把文件传上去。
Chrome或ff下f12看下整个加载过程
1加载了多少文件多少静态多少动态的
2每个静态加载的每步骤和动态的每步骤是否有特别畸形的
3考虑dns解析、缓存使用率、请求到响应的延迟、传输过程、加载过程中的较大无动作的时间是否有异常
另外你所在网络与服务器之间的线路是否稳定