单页应用的优缺点,单页应用首屏加载优化、小程序首次启动速度优化

单页应用的优缺点

单页应用,简称(Single Page Application)是指整个应用只一个HTML页面,所有的功能和交互都在这个页面完成,利用JavaScript动态改变HTML内容。

优点:

  1. 页面切换流畅,用户交互体验比较好
  2. 前后端完全分离,后端API接口多端复用
  3. 服务器只传数据,压力小

缺点:

  1. 初次加载慢
  2. 搜索引擎抓取不到HTML,不利于SEO
  3. 导航、鉴权复杂
  4. 开发成本高

单页应用首屏加载优化

首屏加载是指,用户在浏览器输入网址后,首页内容的渲染过程,是用户体验最重要的环节。可以通过减少请求体积和请求次数来优化

  1. 路由懒加载
  2. 框架/组件按需引入
  3. 资源CDN加速(配置webpack的externals属性)
  4. 压缩代码
  5. 合并CSS,JS文件

小程序首次启动速度优化

小程序首次启动项目包含几项工作:下载及加载小程序代码包、初始化小程序首页。

  1. 分包(app.json中设置subPackages)
  2. 精简代码,图片等资源使用远程路径
  3. 压缩本地图片
  4. 按需注册三方组件
  5. 降低首页WXML结构和JS代码复杂性,减少setData次数和数据量
  6. 骨架屏
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

前端-JC

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

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

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

打赏作者

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

抵扣说明:

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

余额充值