本文探讨了如何优化HTML页面加载过程，重点在于避免DOM构建的阻塞。当接口返回HTML文件并开始DOM构建时，遇到CSS和JS文件会触发预解析线程下载。预下载CSS会导致CSSOM构建，而JS执行可能阻碍DOM构建，延长白屏时间。为优化用户体验，关键在于合理安排资源加载顺序，确保DOM快速构建，进而加速渲染树的生成，减少页面加载延迟。
接口返回html文件数据，会进行html文件字节流解析
1.开始DOM构建
2.如果遇到css文件和js文件，触发预解析线程进行文件预选下载，下载完后，进行CSSOM构建，和js脚本执行，这步骤会阻碍DOM构建，
3.执行完2后，继续执行DOM构建
简单理解优化白屏问题--就是避免过长阻碍DOM构建，和后面渲染树等流程执行
扫一扫
评论
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
查看更多评论
添加红包
