单页应用的优缺点
单页应用,简称(Single Page Application)是指整个应用只一个HTML页面,所有的功能和交互都在这个页面完成,利用JavaScript动态改变HTML内容。
优点:
- 页面切换流畅,用户交互体验比较好
- 前后端完全分离,后端API接口多端复用
- 服务器只传数据,压力小
缺点:
- 初次加载慢
- 搜索引擎抓取不到HTML,不利于SEO
- 导航、鉴权复杂
- 开发成本高
单页应用首屏加载优化
首屏加载是指,用户在浏览器输入网址后,首页内容的渲染过程,是用户体验最重要的环节。可以通过减少请求体积和请求次数来优化
- 路由懒加载
- 框架/组件按需引入
- 资源CDN加速(配置webpack的externals属性)
- 压缩代码
- 合并CSS,JS文件
小程序首次启动速度优化
小程序首次启动项目包含几项工作:下载及加载小程序代码包、初始化小程序首页。
- 分包(app.json中设置subPackages)
- 精简代码,图片等资源使用远程路径
- 压缩本地图片
- 按需注册三方组件
- 降低首页WXML结构和JS代码复杂性,减少setData次数和数据量
- 骨架屏