We read every piece of feedback, and take your input very seriously.
To see all available qualifiers, see our documentation.
There was an error while loading. Please reload this page.
首页白屏的原因: 单页面应用的 html 是靠 js 生成,因为首屏需要加载很大的js文件(app.js vendor.js),所以当网速差的时候会产生一定程度的白屏
app.js
vendor.js
解决办法:
优化首页加载速度:
首页白屏原因是首页需要加载比较大的js文件, 解决方法是 在路由返回前添加loading
VUE首页加载过慢,其原因是因为它是一个单页应用,需要将所有需要的资源都下载到浏览器端并解析。
个人意见,如有错误,烦请指正,谢谢!
这类问题不仅是vue。因为是spa,而且所有的渲染都在脚本上,js执行需要时间。另外加载js也要时间,所以页面越大,加载时间越长,而且js执行的时间也长,dcl发生的时间点就更晚,所以会白屏
我的理解
spa项目,所有的html几乎都是通过js渲染出来的,一旦js过于庞大或网速不够的情况下,可能会出现短暂白屏的情况
大佬们说的技术都很不错啊
学习了学习了
webpack提取公用的模块、分包打包
广告时间
我太难了(;д;)
首先分析原因 VUE首页加载过慢,其原因是因为它是一个单页应用,需要将所有需要的资源都下载到浏览器端并解析。 考虑解决办法 1.使用首屏SSR + 跳转SPA方式来优化 2.改单页应用为多页应用,需要修改webpack的entry 3.改成多页以后使用应该使用prefetch的就使用 4.处理加载的时间片,合理安排加载顺序,尽量不要有大面积空隙 5.CDN资源还是很重要的,最好分开,也能减少一些不必要的资源损耗 6.使用Quicklink,在网速好的时候 可以帮助你预加载页面资源 7.骨架屏这种的用户体验的东西一定要上,最好借助stream先将这部分输出给浏览器解析 8.合理使用web worker优化一些计算 9.缓存一定要使用,但是请注意合理使用 10.大概就这么多,最后可以借助一些工具进行性能评测,重点调优,例如使用performance自己实现下等 个人意见,如有错误,烦请指正,谢谢!
请教下,quicklink对白屏首屏速度有提高么?感觉只能提高首屏中链接内容的渲染速度
原因: vue是spa,进入首页的时候会把所有的js,css等资源下载,引起白屏问题。
工作中因为首页加载过慢白屏问题,进行过几次性能优化。
解决方案(工作中用到的):
原因:
解决:
FP
Activity
hugeorange commentedon Aug 2, 2019
首页白屏的原因:
单页面应用的 html 是靠 js 生成,因为首屏需要加载很大的js文件(
app.js
vendor.js
),所以当网速差的时候会产生一定程度的白屏解决办法:
jdkwky commentedon Aug 2, 2019
优化首页加载速度:
首页白屏原因是首页需要加载比较大的js文件, 解决方法是 在路由返回前添加loading
FontEndArt commentedon Aug 2, 2019
首先分析原因
VUE首页加载过慢,其原因是因为它是一个单页应用,需要将所有需要的资源都下载到浏览器端并解析。
考虑解决办法
个人意见,如有错误,烦请指正,谢谢!
lhyt commentedon Aug 2, 2019
为什么
这类问题不仅是vue。因为是spa,而且所有的渲染都在脚本上,js执行需要时间。另外加载js也要时间,所以页面越大,加载时间越长,而且js执行的时间也长,dcl发生的时间点就更晚,所以会白屏
怎么办
michaelChe956 commentedon Aug 2, 2019
我的理解
白屏和首页加载过慢原因
spa项目,所有的html几乎都是通过js渲染出来的,一旦js过于庞大或网速不够的情况下,可能会出现短暂白屏的情况
修改方法
HduSy commentedon Aug 4, 2019
大佬们说的技术都很不错啊
childmoon commentedon Aug 5, 2019
学习了学习了
weimingxinas commentedon Aug 6, 2019
MissNanLan commentedon Aug 14, 2019
webpack提取公用的模块、分包打包
yandongSS commentedon Sep 9, 2019
广告时间
Shirleyhsl commentedon Sep 17, 2019
我太难了(;д;)
xmasong commentedon Sep 26, 2019
请教下,quicklink对白屏首屏速度有提高么?感觉只能提高首屏中链接内容的渲染速度
hbbaly commentedon Oct 28, 2019
原因:
vue是spa,进入首页的时候会把所有的js,css等资源下载,引起白屏问题。
工作中因为首页加载过慢白屏问题,进行过几次性能优化。
解决方案(工作中用到的):
gauseen commentedon Nov 26, 2019
原因:
解决:
FP
(首次渲染)时间