先来了解一下什么是SPA ,SPA即Single Page Application,落啥指的意思是以Ajax和HTML5 ,借助浏览器的快起趁热打铁History API等技术,实现在一个页面内完成整个应用程序的慢落交互 。相比于传统的管起管降多页面应用,SPA具有快速响应 ,落啥用户体验好等特点。意思
SPA只管起飞不管降落这个说法是快起指 ,在SPA开发中 ,慢落我们往往只注重了页面的管起管降吃喝玩乐初始加载速度 ,而忽略了后续的落啥页面性能优化 ,导致页面变得越来越慢。意思
SPA的快起快速启动是其优势之一 ,因为它只需要加载一次页面,慢落而后续的头疼脑热数据请求可以通过AJAX进行局部刷新 ,节省了大量的资源 。因此 ,在构建SPA时,我们往往会注重减少初始加载时间,压缩代码 ,觥筹交错减少HTTP请求,使用缓存等方式来加快页面的响应速度 。
SPA的缓慢落地是其劣势之一,因为SPA是基于前端的单页应用,因此,海阔天空在数据请求较多的情况下 ,页面的响应速度会大打折扣。此时,页面需要通过AJAX请求数据,需要经过一定的真凭实据网络传输时间 ,这就导致了页面的缓慢落地现象 。
为了避免SPA的快起慢落现象,我们需要对页面进行性能调优 。一种常见的优化方式是采用懒加载技术