前言
当前的前端开发的优化已经有一套完整的套路,包括js、css优化,HTML优化,首屏数据请求优化等,本文主要讨论前端发
送ajax请求的优化思路。
浏览器并发请求数
浏览器在同一个时间发送的网络请求数;请求数超过了浏览器的最大并发数时,其余的请求只能在后面排队,必须等待前面
的请求完成后才能发送,如果一个页面的首屏请求数过大就会造成请求排队,页面展现时间延长、性能降低,所以需要合并js、css、图片
等文件以降低并发请求数。各个浏览器并发请求数对照表如下:
浏览器 | HTTP/1.1 | HTTP/1.0 |
---|---|---|
IE8,9 | 6 | 6 |
Firefox 17 | 6 | 6 |
Firefox 3 | 6 | 6 |
Safari 3,4 | 4 | 4 |
Chrome 1,2 | 6 | ? |
Chrome 3 | 4 | 4 |
Chrome 4+ | 6 | ? |
Opera 9.63,10.00alpha | 4 | 4 |
iPhone | 6 | 6 |
Android | 6 | 6 |
常见ajax请求问题
经常遇到这样的场景,由于后台代码是模块解耦(不能合并请求),有时候做一个功能需要调用不同模块的接口,这样导致
发送一个模块的ajax请求后必须等到success回调后再发送第二个模块ajax请求