先来了解一下什么是SPA ,SPA即Single Page Application,落啥指的意思是以Ajax和HTML5 ,借助浏览器的快起循序渐进History API等技术 ,实现在一个页面内完成整个应用程序的慢落交互
。相比于传统的管起管降多页面应用,SPA具有快速响应,落啥用户体验好等特点。意思 SPA只管起飞不管降落这个说法是快起指,在SPA开发中,慢落我们往往只注重了页面的管起管降作恶多端初始加载速度,而忽略了后续的落啥页面性能优化 ,导致页面变得越来越慢。意思 SPA的快起快速启动是其优势之一 ,因为它只需要加载一次页面 ,慢落而后续的钻牛角尖数据请求可以通过AJAX进行局部刷新,节省了大量的资源
。因此
,在构建SPA时 ,我们往往会注重减少初始加载时间,压缩代码,一枕黄粱减少HTTP请求
,使用缓存等方式来加快页面的响应速度。 SPA的缓慢落地是其劣势之一,因为SPA是基于前端的单页应用
,因此
,囤积居奇在数据请求较多的情况下,页面的响应速度会大打折扣。此时
,页面需要通过AJAX请求数据,需要经过一定的滥用职权网络传输时间,这就导致了页面的缓慢落地现象。 为了避免SPA的快起慢落现象
,我们需要对页面进行性能调优
。一种常见的优化方式是采用懒加载技术,即在页面滚动到某个位置时再对该位置的女娲补天内容进行异步加载。 除了懒加载
,我们还可以对服务器端数据进行分页处理 ,减少一次性请求数据量过大的情况
,利用本地缓存来加快数据请求速度
,对代码进行压缩等方式来提高页面性能 。四通八达 总之,SPA只管起飞不管降落这个说法 ,提醒我们在SPA开发中 ,不要只注重页面的初始加载速度 ,忽略了后续的呼朋引伴性能优化。只有在优化了页面的性能后,我们才能够更好地提高用户体验,让用户更加享受我们的应用程序。什么是管起管降SPA
SPA只管起飞不管降落
快速启动
缓慢落地
SPA的性能调优
总结