网站案例架构(Web前端性能优化)读书笔记

本文介绍Web前端性能优化的方法,包括减少HTTP请求、利用浏览器缓存、启用文件压缩、减少Cookie传输等内容,通过这些策略可以显著提升用户体验并减轻服务器负担。
Web前端性能优化
  浏览器访问优化
    1:减少http请求 原因 
              http请求无状态,每次都要建立通信链路;
              服务端每个http请求都要启动独立的线程;
            实现方式:
              合并css,js,图片等文件;
    2:使用浏览器缓存 原因 css,js,logo,图标更新频率低,每次请求都需要;
              实现方式:
              Cache-Control和Expires属性;
              注意:使用缓存策略,当更新网站静态资源的时候,应批量更新,避免大量更新,造成服务器负载和网络阻塞;
    3:启用压缩:原因
              有效减少通信传输的数据量
           实现方式:  
              服务端对文件进行压缩,浏览器对文件进行解压缩
           注意:压缩和解压缩给服务器和浏览器带来的负载 (网络带宽良好和服务器资源不足的情况下,使用需要考虑)
    4:减少Cookie传输
           原因:
              1 Cookie在请求和响应中都会携带,太大会严重影响数据的传输
              2 访问静态资源css,script,发送Cookie没意义
           实现方式:
              慎重考虑哪些数据需要写入Cookie
              访问静态资源css,js,使用独立域名的方式访问,减少Cookie发送的次数
  CDN加速(内容分发)
    最短路径获取数据
          原因:  本质是缓存,网络访问第一跳
          实现方式:
              1 用户请求路由第一调到CDN网络服务提供商本地机房CDN服务器,存在请求的资源返回给浏览器,加快用户访问速度,减少网站数据中心的负载压力
              2 CDN能缓存的一般是静态资源,针对访问频度比较高的
  反向代理
    1 代理服务器,接受请求,分发请求,可以对代理服务器请求建立屏障,过滤请求的安全性
    2 代理服务器可以配置静态资源的缓存,加速请求响应
    3 负载均衡构建集群

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

icool_ali

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值