①减少HTTP的请求数量
原因:浏览器每次与服务器建立连接,都需要经过三次握手,花费大量时间
(1)CSS精灵,将多张照片合为一张
(2)合并CSS和JS文件,一些打包工具如webpack可以做到,在项目发布前合并文件
(3)懒加载,一些资源可以到后面用户操作真正需要的时候再进行加载
②控制资源文件加载的优先级
CSS文件在头部,JS文件在底部
③利用浏览器的缓存
将网络资源存储在本地,下次请求资源时,若本地资源还未过期,则不需要再次向服务器发送请求
原因:浏览器每次与服务器建立连接,都需要经过三次握手,花费大量时间
(1)CSS精灵,将多张照片合为一张
(2)合并CSS和JS文件,一些打包工具如webpack可以做到,在项目发布前合并文件
(3)懒加载,一些资源可以到后面用户操作真正需要的时候再进行加载
CSS文件在头部,JS文件在底部
将网络资源存储在本地,下次请求资源时,若本地资源还未过期,则不需要再次向服务器发送请求