SPA首屏加载速率慢的怎么办理？

手机软件开发 · 2024-9-22 21:30:05

首屏时间：欣赏器从输入网址到首屏内容渲染完成的时间，此时整个网页不肯定要全部渲染完成，但须要展示当前视窗须要的内容
加载慢的缘故原由：
1、网络延时标题
2、资源文件体积是否过大
3、资源是否重复发送哀求去加载了
4、加载脚本的时间，渲染内容堵塞了
常见的优化方式重要分为资源加载优化和页面渲染优化：
1、前端公道利用localStorage，背景返回资源采取HTTP缓存，设置Cache-Control，Last-Modified，Etag等相应头，采取Service Worker离线缓存，实现静态资源当地缓存
2、UI框架按需加载，譬如只须要用到UI库中的某个组件时，单独引用
3、图片资源的压缩
4、组件重复打包
5、开启GZip压缩
6、利用Nuxt.js实现服务端渲染
7、利用路由懒加载，把差别路由对应的组件分割成差别的代码块，待路由被哀求的时间会单独打包路由，使得入口文件变小，加载速率大大增长

SPA首屏加载速率慢的怎么办理？

所属分类: 问答交流

新帖推荐: 30日

推荐作品