高并发访问服务器时前端优化

高并发访问服务器时前端优化

高并发的痛点:数据流动过程两端失衡了,会导致前端到后台部分的请求会被后台拒掉甚至可能会击垮后台。需要把两端重新回到数据流动的平衡状态。前端层面尽可能地加强其作为用户与后台之间的“门”的精简过滤能力。

优化

  1. 减少Web请求:常用的实现方法是通过Http协议头中的expire或max-age来控制,将静态内容放入浏览器的本地缓存,在之后的一段时间里,不再请求 Web服务器,直接使用本地资源。还有HTML5中的本地存储技术(LocalStorage),也被作为一个强大的数据本地缓存。这种方案缓存后,根本不发送请求到Web服务器,大幅降低服务器压力,也带来了良好的用户体验。但是,这种方案,对首次访问的用户无效,同时,也影响部分Web资源的实时性。
  2. 合并页面请求:1)合并HTML展示内容。将CSS和JS直接嵌入到HTML页面内,不通过连接的方式引入。2)Ajax动态内容合并请求。对于动态内容,将10次Ajax请求合并为1次的批量信息查询。3)小图片合并,通过CSS的偏移量技术Sprites,将很多小图片合并为一张。这个优化方式,在PC端的Web优化中,也非常常见。合并请求,减少了传输数据的次数,也就是相当于将它们从一个一个地请求,变为一次的“批量”请求。上述优化方法,到达“减轻”Web服务器压力的目的,减少了需要建立的连接。
  3. 减少外部盗链:外部网站的图片或者文件盗链往往会带来大量的负载压力,因此应该严格限制外部对于自身的图片或者文件盗链,目前可以简单地通过refer来控制盗链。
  4. 控制大文件的下载: 大文件的下载会占用很大的流量,并且对于非SCSI硬盘来说,大量文件下载会消耗CPU,使得网站响应能力下降。因此,尽量不要提供超过2M的大 文件下载,如果需要提供,建议将大文件放在另外一台服务器上。

猜你喜欢

转载自blog.csdn.net/qq_39869669/article/details/81812155