[html] 怎样避免让用户看到长时间的白屏?

Posted 小歌谣(公众号同名)

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了[html] 怎样避免让用户看到长时间的白屏?相关的知识,希望对你有一定的参考价值。

[html] 怎样避免让用户看到长时间的白屏?

我觉得,实际解决办法需要结合用户体验和性能优化这两个指标来说:

1、用户体验可以使用骨架屏来减少页面白屏,骨架屏也具有更好的loading效果。

2、假如1个页面里面有很多很多网络请求,其中包括图片的网络请求和Ajax的网络请求等等。我觉得可以把与首屏无关的网络请求放到用户滑动的时候再触发加载。另外就是减少文件请求的体积(css压缩,js压缩)、在请求静态资源文件的时候减少请求头携带的信息(请求静态资源总不需要把cookie带上吧~~)

个人简介

我是歌谣,欢迎和大家一起交流前后端知识。放弃很容易,
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

以上是关于[html] 怎样避免让用户看到长时间的白屏?的主要内容,如果未能解决你的问题,请参考以下文章

首页白屏优化实践

jquery pjax 用法总结

vue路由懒加载

VUE路由懒加载

CSS如何影响首次加载时的白屏时间

react history模式下的白屏问题