极致 Web 性能 —— SPA 性能优化

前言

前端框架时代，为开发体验、效率与页面性能带来，非常大的革命。大家纷纷拿起一系列打包工具(webpack/parcel etc.)，配合一系列加载器快速搭建起一个 SPA 页面。

SPA 应用带来的好处非常明显；

• 提升页面切换体验
• 降低切换时间
• 易于部署&前后端分离

但是也带来一系列性能问题：

• 初始加载脚本较大
• 首屏空白时间较长
• 页面返回时，数据被动重新拉取

这些问题是使用 SPA 模式不可避免的，通过了解 SPA 加载运行过程，可以逐渐看清楚引起性能问题的根本原因，通过精细化应用加载，来解决这些问题。

SPA 之殇

愈发发福

比起一般的简单页面，SPA 最大的问题，就是在初始化之时引入大量框架方案脚本，这导致脚本体积随着项目发展体积愈发增大。在此我向大家推荐一个前端全栈开发交流圈：619586920 突破技术瓶颈，提升思维能力

不仅仅是体积

很多人会关注