前端优化方向

文章讨论了各种提高Web应用性能的技术,包括Vue的路由和图片懒加载,webpack的小图片Base64处理,组件按需导入和文件压缩。服务端渲染(SSR)用于加速首屏渲染,而边缘计算和CDN则用于更快的内容分发。此外,还提到了减少DOM操作以降低重绘重排次数以及SSO单点登录对登录体验的优化。
摘要由CSDN通过智能技术生成

首屏加载

  1. vue路由懒加载、keepalive

  2. 图片懒加载——判断显示位置,显示了再给src属性赋值

  3. webpack中小图片base64转换,减少请求次数

  4. 组件库按需导入,chunck

  5. css/js压缩——webpack

  6. 模块化,组件化

  7. ssr服务端渲染:提升首屏渲染速度,降低网速和配置要求——先发送html和css,在发送js

  8. 边缘计算渲染:边缘计算是将计算资源部署靠近用户和数据源的网络边缘侧,通过更靠近数据源的位置(如路由器、基站)执行计算

  9. CDN:内容分发网络——更快获取资源

后续性能

  1. 减少重绘重排次数——减少修改dom节点次数,如一下方法

    • 添加或者删除可见的DOM元素
    • 元素尺寸改变——边距、填充、边框、宽度和高度
  2. 登陆方面:SSO单点登录

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值